CSS样式中 body 后面跟个 > 是什么意思?

有的CSS样式中 在body后面跟一个 > 是什么意思?

还有样式标签 style 后面为什么还要加个样式是什么意思?

那位大神不忙的给解释一下!不胜感激!!

> 是后代选择器,比如下面h1和p都是div的子元素,就是div的后代
<div><h1>title</h1><p>123</p></div>

div{color:blue;}/*我定义了这个div的所有字体都是蓝色*/

div > h1{color:red;}/*然后有人说h1要红色突出点额,你就可以用后代选择把h1挑出来,当h1没其他样式时你可以少给h1加个id或class*/

后面那个问题是自定义标签,应该是给js或后台服务器程序用的,具体用处是什么不知道。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-12-03

大于号表示选择元素紧跟着的一级子元素,空格表示所有层次上的子元素。类似的还有~和+

比如


<body>
<!-- body > .container只能选择这个,不会作用到subcontainer -->
    <div class=container>
    <!-- body .subcontainer则能作用到这个元素 -->
        <div class=subcontainer>
        </div>
    </div>
</body>


style后面的mog-widget-class直接看不知道是干嘛的,可能是你引入的库自动添加的。

相似回答