CSS - p :: first-letter:不起作用

Question

我必须增加每个P不是class="ejemplo"或的元素的第一个字母的大小id="lectura".

这非常有效:

p::first-letter {
  font-size: 300%;
}

但是当我尝试匹配要求并且我这样做时,它不起作用:

p::first-letter:not([class="ejemplo"]):not([id="lectura"]) {
  font-size: 300%;
}

我是CSS的初学者,所以我做错了什么？

Answer 1

伪元素::first-letter必须在您的语句中位于最后:

订单重要:

MDN的文档:

您只能在选择器中使用一个伪元素.它必须出现在语句中的简单选择器之后.

所以:

p:not([class="ejemplo"]):not([id="lectura"])::first-letter {
  font-size: 300%;
}

<p>Loren Ipsum Dolor Sit Amet</p>
<p class="ejemplo">Loren Ipsum Dolor Sit Amet</p>
<p id="lectura">Loren Ipsum Dolor Sit Amet</p>

也...

请记住,ID选择,使用#id替代[id='']和.class取代[class='']

p:not(.ejemplo):not(#lectura)::first-letter {