淘先锋技术网

首页 1 2 3 4 5 6 7

在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表示第一个子元素。这样我们就可以很方便的选择某个元素下的某种类型的直接子元素