html - 如何只为无序列表中的元素符号着色

标签 html css

<分区>

我有以下内容:

<ul>
    <li>Test #1</li>
    <li>Test #2</li>
    <li>Test #3</li>
</ul>

CSS:

ul
{
    list-style-type: square;
    text-align: left;
    padding-left: 10%;
}
ul li
{
    padding: 5px;
    color: #00539B
}

JSFiddle:http://jsfiddle.net/andsf1x2/

我怎样才能让元素符号只有蓝色和文本默认颜色

最佳答案

您可以使用 Span,它会让您更好地控制 css 以及文本 HTML

<ul>
        <li><span>Test #1</span></li>
        <li><span>Test #2</span></li>
        <li><span>Test #3</span></li>
</ul>

CSS

ul
{
    list-style-type: square;
    text-align: left;
    padding-left: 10%;
}
/*below are the bullets' colors*/
ul li
{
    padding: 5px;
    color: #00539B
}
/*below are the text's colors*/
ul span{
    padding: 5px;
    color: #000000
}

关于html - 如何只为无序列表中的元素符号着色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26760454/

上一篇:php - 背景图片 url 不适用于 LessCSS

下一篇:Css 背景不会工作?

相关文章:

php - 如何使用登录表单将密码用户名与 php mysql 匹配

javascript - 使用 css 过渡从屏幕平移时如何消除反弹效果?

javascript - 使一个div填充整个页面的高度

javascript - 如何通过 Angular 自定义组件传递类

jquery - 如何让我的全宽 jQuery 图像推子响应?

html - 悬停导航栏未对齐

html - 如何在一个 div 中对齐 twitter bootstrap 中的 2 个按钮

html - 在 html 和 css 中对齐图像和下载按钮的问题

css - 在响应式布局中绝对定位背景

css - 在样式表规则中解释小数点后的多少位?