css list li点一种颜色,文本另一种颜色(仅CSS)

g 米哈尔·哈达克(Michal Hudak)

我有清单:

HTML:

<ul>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

<ol>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ol>

CSS:

ul li {
    list-style-type: disc;
    margin-left: 2em;
    color: black;
}
ol li {
    list-style-type: decimal;
    margin-left: 2em;
    color: black;
}

示例:JsFiddle

问题:

如何将disc/decimalli中的(点/数字)更改红色,但text变为黑色

无法修改html!

为了获得更好的想象力,我想实现以下目标:

目标

谢谢您的回答。

g 米哈尔·哈达克(Michal Hudak)

我用::pseudoElement标签弄清楚了

解决方案:

ul li {
    list-style-type: disc;
    margin-left: 2em;
    color: red;
}
ol li {
    list-style-type: decimal;
    margin-left: 2em;
    color: red;
}
ol li:first-line, ul li:first-line  {
    color: black;
}

示例:JsFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

文本从一种颜色闪烁到另一种CSS或jQuery

来自分类Dev

使用CSS填充背景-两种不同的颜色,一种与另一种颜色重叠

来自分类Dev

CSS背景色显示另一种颜色

来自分类Dev

CSS按钮背景色在过渡延迟中显示另一种颜色

来自分类Dev

jQuery / CSS仅用一种颜色创建线性渐变

来自分类Dev

附加到另一种颜色的li

来自分类Dev

CSS:根据另一种样式更改悬停颜色

来自分类Dev

Sass @for循环-从一种颜色到另一种颜色

来自分类Dev

背景颜色一种颜色为50%,另一种颜色为50%

来自分类Dev

背景颜色一种颜色为50%,另一种颜色为50%

来自分类Dev

如何检查按钮颜色从一种颜色更改为另一种颜色

来自分类Dev

用另一种颜色Matlab替换图像中的某种颜色

来自分类Dev

Arduino功能可将RGB从一种颜色淡入另一种颜色

来自分类Dev

条形图有多种颜色,一种在另一种之上

来自分类Dev

从一种颜色到另一种百分比

来自分类Dev

将背景颜色淡化为另一种颜色的另一种方法

来自分类Dev

Android:如何创建带有一半颜色和另一种颜色的文本的加载栏

来自分类Dev

如何在BufferedImage中用另一种颜色替换颜色

来自分类Dev

jQuery选项卡闪烁颜色并淡入另一种颜色

来自分类Dev

算法-颜色被矩阵中的另一种颜色包围

来自分类Dev

如何知道颜色是否“触摸”另一种颜色

来自分类Dev

随机生成与另一种颜色相似的颜色

来自分类Dev

如何使用 GraphicsMagick Nodejs 用另一种颜色替换颜色

来自分类Dev

如何组合颜色,就像将一种颜色绘制到另一种颜色上一样?

来自分类Dev

使用 List 从一种方法到另一种方法

来自分类Dev

无法更改一种颜色

来自分类Dev

将另一种CSS样式链接到一个表

来自分类Dev

Colorbar在Python中仅显示一种颜色

来自分类Dev

条形图有多种颜色,一种可以在另一种之上快速移动

Related 相关文章

  1. 1

    文本从一种颜色闪烁到另一种CSS或jQuery

  2. 2

    使用CSS填充背景-两种不同的颜色,一种与另一种颜色重叠

  3. 3

    CSS背景色显示另一种颜色

  4. 4

    CSS按钮背景色在过渡延迟中显示另一种颜色

  5. 5

    jQuery / CSS仅用一种颜色创建线性渐变

  6. 6

    附加到另一种颜色的li

  7. 7

    CSS:根据另一种样式更改悬停颜色

  8. 8

    Sass @for循环-从一种颜色到另一种颜色

  9. 9

    背景颜色一种颜色为50%,另一种颜色为50%

  10. 10

    背景颜色一种颜色为50%,另一种颜色为50%

  11. 11

    如何检查按钮颜色从一种颜色更改为另一种颜色

  12. 12

    用另一种颜色Matlab替换图像中的某种颜色

  13. 13

    Arduino功能可将RGB从一种颜色淡入另一种颜色

  14. 14

    条形图有多种颜色,一种在另一种之上

  15. 15

    从一种颜色到另一种百分比

  16. 16

    将背景颜色淡化为另一种颜色的另一种方法

  17. 17

    Android:如何创建带有一半颜色和另一种颜色的文本的加载栏

  18. 18

    如何在BufferedImage中用另一种颜色替换颜色

  19. 19

    jQuery选项卡闪烁颜色并淡入另一种颜色

  20. 20

    算法-颜色被矩阵中的另一种颜色包围

  21. 21

    如何知道颜色是否“触摸”另一种颜色

  22. 22

    随机生成与另一种颜色相似的颜色

  23. 23

    如何使用 GraphicsMagick Nodejs 用另一种颜色替换颜色

  24. 24

    如何组合颜色,就像将一种颜色绘制到另一种颜色上一样?

  25. 25

    使用 List 从一种方法到另一种方法

  26. 26

    无法更改一种颜色

  27. 27

    将另一种CSS样式链接到一个表

  28. 28

    Colorbar在Python中仅显示一种颜色

  29. 29

    条形图有多种颜色,一种可以在另一种之上快速移动

热门标签

归档