如何有一个简单的单词列表，但一个单词是不同的颜色？
如何有一个简单的单词列表，但一个单词是不同的颜色？
提问于 2018-01-23 01:54:59
我试着让它们中的一种颜色不同。
#red li {
color: red;
}<ul>
<li id="red">Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-01-23 01:59:25
“”给你。
li#red{
color: red;
}
OR
#red{
color: red;
}<ul>
<li id="red">Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
使用CSS在DOM中定位元素的方法有很多种。
常用的有：
当目标元素具有id属性时使用的#。
当目标元素具有class名称时使用的.。
你也可以直接定位一个元素。但是可能有许多相同类型的元素。
在本例中，只有一个带有id的<li>元素。因此，你可以使用li#id{property: value}或者简单的#id{property: value}，因为ids是高度特定和唯一的。
Stack Overflow用户
发布于 2018-01-23 02:51:30
你也可以直接使用html style标签。
<ul>
<li style="color:red">Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Stack Overflow用户
发布于 2018-01-23 13:04:12
li#red{
color: red;
}<ul>
<li id="red">Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
/*If you like to change just text color not bullet, please try the following one:*/
li #red{
color: red;
}<ul>
<li><span id="red">Coffee</span></li>
<li>Tea</li>
<li>Milk</li>
</ul>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48387532
复制相关文章
相似问题
腾讯云开发者
