css list li dot one color,text another another color(仅限CSS)

Question

我有清单:

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/decimal(点/数字)李红色,但text会有黑色？

无法修改HTML!

为了更好的想象力,我想要实现:

谢谢您的回答.

Answer 1

我用::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