2016-02-12 2 views

ответ

8

:notcan only be applied to simple selectors. Псевдоэлементы не являются simple selectors, поэтому вы не можете их инвертировать.

Вы можете применить стили «не первой буквы» ко всему тексту и отменить их для первой буквы.

Например:

p { 
 
    color: red; 
 
    text-transform: uppercase; 
 
} 
 

 
p::first-letter { 
 
    color: black; 
 
    text-transform: none; 
 
}
<p>red capitals except the first letter.</p>

+1

Вы можете захотеть сделать ссылку на [спецификации] (https://drafts.csswg.org/selectors-3/#negation), а также указать, почему псевдоэлементы не могут быть аргументами ': not' (потому что псевдоэлемент не является простым селектором). Просто предложение :) – Harry

+3

Стоит отметить, что для таких свойств, как цвет, 'color: currentColor' будет * not * работать здесь, потому что поле :: first-letter, как и все псевдоэлементные поля, является потомком p и поэтому его currentColor будет соответствовать остальной части текста - красным. Вот почему исходный цвет должен быть жестко закодирован. – BoltClock

Смежные вопросы