CSS中有一种选择器叫做class >,它可以选择某个class下的子元素。比如:
.my-class > p {
color: red;
} 这段代码的意思是,选择class为.my-class的元素下的所有p元素,然后把它们的字体颜色设为红色。
需要注意的是,这里的 > 符号表示的是“子元素”,如果你想选择所有后代元素,而不只是直接子元素,那么应该用空格代替 >。
此外,class > 也可以用来选择某个class下的特定类型的子元素。比如:
.my-class > .my-link {
text-decoration: none;
} 这段代码的意思是,选择class为.my-class的元素下所有class为.my-link的元素,然后把它们的下划线去掉。