html 选择器 大于号,“>”(大于符号)CSS选择器是什么意思？

扬帆大鱼

>是子组合器，有时错误地称其为直系后代组合器。1这意味着选择器div > p.some_class只选择.some_class嵌套的直接在里面 a div，而不是嵌套在内部的任何段落。举例：

Some text here

     

More text here

 

选择了什么，没有选择什么：选编这，这个p.some_class直接位于div因此，在两个元素之间建立了父子关系。未选定这，这个p.some_class包含在blockquote在div，而不是div本身。虽然这个p.some_class是div不是孩子，是孙女。因此，div > p.some_class不符合这个元素，div p.some_classWill，使用后代组合子相反。1 许多人更进一步称它为“直接的孩子”或“直接的孩子”，但这是完全没有必要的(对我来说也是令人难以置信的烦人)，因为一个子元素立即按定义总之，他们的意思是完全一样的。没有所谓的“间接孩子”。