当我试图使用“>”来选择父元素的所有直接子元素时,对于一些属性如边框等,它可以工作,但是对于像颜色、字体粗细等字体属性则无法正常工作。
我的HTML代码是:
但是这里的color:#F00属性会应用于所有的"li"元素,但我只希望它应用于直接属于"ul"的"li"元素。 情况2 CSS:
我的HTML代码是:
<ul>
<li>Item 1</li>
<li>
<ol>
<li>Subitem 2A</li>
<li>Subitem 2B</li>
</ol>
</li>
</ul>
案例1 CSS:
ul>li {
color:#F00;
}
但是这里的color:#F00属性会应用于所有的"li"元素,但我只希望它应用于直接属于"ul"的"li"元素。 情况2 CSS:
ul>li {
border: solid 1px #000;
}
这个对我很有效,边框仅应用于直接的li子元素。
我知道可以通过使用其他类进行覆盖来解决此问题。但我想知道为什么某些CSS属性会继承,而其他属性则不会继承。
li
中,因此您必须手动使用下面的另一个规则来覆盖它。 - omma2289