修改HTML中的列表标题
修改HTML中的列表标题
提问于 2014-05-20 06:41:06
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li>Interests
<ol>
<li style="color: orange">Basketball</li>
<li>Coding</li>
<li>Weight Lifting</li>
</ol>
</li>
<li>Jobs
<ul>
<li>Tutor</li>
<li>Salon Associate</li>
</ul>
</li>
</body>
</html>我如何能够修改“兴趣”(例如，改变它的字体颜色)而不修改它的标题的顺序列表？
回答 6
Stack Overflow用户
回答已采纳
发布于 2014-05-20 06:53:13
这里不需要任何类或包装：
演示： http://jsfiddle.net/abhitalks/jgbX7/
li { /* reset all list items */
color: black;
}
:not(li) > ul > li { /* all "li" under "ul" which are not under "li" */
color: red;
}但是，当然，如果您有多个这样的列表，那么向顶级ul提供一个类会有帮助。
Stack Overflow用户
发布于 2014-05-20 06:43:55
你应该可以给它上一堂课。
<li class="bob">然后：
li.bob
{
color: #C1C1C1;
}
li
{
color: black;
}然后在您的样式部分中引用它。
实际的颜色风格，仅供参考-但你知道的。
Stack Overflow用户
发布于 2014-05-20 06:45:39
您可以将Interests封装在<span>标记中，并将其样式化。
变化的部分：
<li><span style="color: red">Interests</span>完整的代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li><span style="color: red">Interests</span>
<ol>
<li style="color: orange">Basketball</li>
<li>Coding</li>
<li>Weight Lifting</li>
</ol>
</li>
<li>Jobs
<ul>
<li>Tutor</li>
<li>Salon Associate</li>
</ul>
</li>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23752628
复制相关文章
相似问题
腾讯云开发者
