在CSS标签中,可以使用乘法来表示某个标签的子元素。比如我们想让某个div下的所有p标签都变成蓝色的字体,可以这样写:
div>p { color: blue; }
这里的意思是选择div下的所有p标签,因为>表示直接子元素。这样我们就可以很方便的选择某个元素下的所有子元素,而不用一个一个的写
另外,有时候我们想要选择一个元素下的某种类型的所有子元素,比如一个ul下的所有li标签。这时候我们可以这样写:
ul li { font-size: 20px; }
这里的意思是选择ul下的所有li标签,因为空格表示后代元素。这样我们就可以很方便的选择某个元素下的某种类型的所有子元素
还有一种情况是想要选择某个元素下的某种类型的直接子元素,比如一个ul下的第一个li标签。这时候我们可以这样写:
ul>li:first-child { font-weight: bold; }
这里的意思是选择ul下的第一个li标签,因为:first-child表示第一个子元素。这样我们就可以很方便的选择某个元素下的某种类型的直接子元素