[分享]css 派生选择权

CSS 派生选择器是 CSS 中一种非常强大的选择器，可以帮助开发者非常方便、高效地选中HTML中特定的元素。下面我们先简单介绍一下派生选择器的语法。p >a { color: red; }上面...

CSS 派生选择器是 CSS 中一种非常强大的选择器，可以帮助开发者非常方便、高效地选中HTML中特定的元素。下面我们先简单介绍一下派生选择器的语法。

p >a { color: red; }

上面的代码就是一个典型的派生选择器，其中 '>' 符号表示选择器p的直接子元素，它们的子孙元素a都会改变字体颜色为红色。

ul ol+li { color: blue; }

上面的代码则表示，选择ul元素的下一个元素ol的下一个元素li，让它们字体颜色都变成蓝色。

h1 em { color: red; }

上面的代码表示，选择所有在h1元素内的em元素，并将它们的字体颜色变成红色。

ul li:first-child { color: green; }

上面的代码则表示，选择ul元素中所有第一个子元素孙元素li，让它们的字体颜色变成绿色。

江苏,常州