为li id定义CSS

Question

如何为li id定义样式？它的工作方式与李风格相同吗？

e.g。

<li id="news" class="section_wrapper"></li>

Answer 1

使用ID selector：

#news { 
    color: red; 
}

如果你想要更高specificity，你可以结合元素和ID选择器：

li#news { 
    color: red; 
}

Answer 2

是的，它是一样的 你应该在css

中添加li#news {/*style here*/}

Answer 3

ID由哈希表示。而不是li { ...

#news {
  font-weight: bold;
}

Answer 4

是的，你可以这样做。

<ol>
    <li id="news1" class="section_wrapper">Item 1</li>
    <li id="news2" class="section_wrapper">Item 2</li>
    <li id="news3" class="section_wrapper">Item 3</li>
</ol>

#news1 {
 background-color: red;   
}

这是展示它的jsFiddle

希望这会有所帮助