css中选择器很多
例句几个容易混淆的css选择器组合:
(1) element,element 意思是两个element 共享一个样式。
(2) elementA elementB 意思是A元素的所有子元素B都使用这个样式
(3) elementA>elementB 意思是A元素的子元素B使用该样式
其中(2)与(3)的区别就在于(2)是选择所有后代元素,而(3)只选择一代,并且是直接子关系,孙子关系都不可以。
实例:
CSS of (2) .test span { color: red}
CSS of (3) .test>span { color: red}
(4) elementA+elementB 表示紧跟着A 后面的B应该使用该样式, 且A和B应该是兄弟关系,并且拥有相同的父亲。
CSS of (4): .hello+.word { color:red; }