css - 我可以使用 css3 而不是带有伪类的选择器吗？

Question

<style type="text/css">
p:not(p:first-letter)
{
color:#000;
}
</style>

<p style="color:Blue">
  test test
</p>

它没有按预期工作，因为段落的所有字母都应该是黑色的，除了第一个字母。

Answer 1

没有。first-letter 伪元素不是 p 选择器返回的集合的一部分。那你不能排除它。你为什么不直接使用:

<style type="text/css">
p
{
color:#000;
}
p:first-letter{
    color:blue;
}
</style>

<p style="color:Blue">
  test test
</p>

顺便说一句，这根本不是一个好的做法。您应该通过 css 在 p 元素和样式上使用一个类。您不需要为此动态生成 css。

<style type="text/css">
p.test
{
color:#000;
}
p.test:first-letter{
    color:blue;
}
</style>

<p class="test">
  test test
</p>