CSS儿童选择器（>）不能使用某些属性

Question

当我试图使用“>”选择父元素的所有直接子元素时，它可以处理一些属性，如边框和全部，但不能与类似font-properties颜色，字体，重量等。

我的HTML是

<ul> 
    <li>Item 1</li> 
    <li> 
    <ol> 
     <li>Subitem 2A</li> 
     <li>Subitem 2B</li> 
    </ol> 
    </li> 
</ul> 

CASE1 CSS：

ul>li { 
    color:#F00; 
} 

但这里的颜色：＃F00适当ty被应用于所有“li”元素，但是我希望它仅适用于“ul”的直接“li”。

CASE 2 CSS：

ul>li { 
    border: solid 1px #000; 
} 

这一个很适合我和边境只有被应用到只有直理子。

我知道它可以通过覆盖其他一些类和全部来解决。但我想知道，为什么一些CSS属性得到继承，而其他人不是。

Answer 1

这是由于某些CSS属性的默认继承能力。这些属性的值将默认传送给孩子。

W3C的这份文档给出了各种CSS属性的详细继承列表。 Full property table

Answer 2

试试这个

Demo

<ul> 
    <li>Item 1</li> 
    <li> 
    <ol> 
     <li>Subitem 2A</li> 
     <li>Subitem 2B</li> 
    </ol> 
    </li> 
</ul> 

CSS

ul > li { 
    color:#F00; 
} 
ul > li > ol > li { 
    color:#000; 
} 

Answer 3

我想你可能会找到答案，你需要在这里：http://www.w3schools.com/cssref/sel_firstchild.asp

您应该能够选择这些元素与

ul:first-child { 

// css 

} 

希望这有助于

Answer 4

试试这个

ul > li ol li {color:black;} 

Answer 5

随着上市元素已经从其父继承颜色属性，你需要重写它。

您可以在下面你以前的风格加上像

li { 
    color: #000; 
} 

ul>li { 
    color:#F00; 
} 

它覆盖的颜色：继承值。