2016-02-12 3 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.c​​sswg.org/selectors-3/#negation)にリンクしても指示することもできます擬似要素が ':not'の引数になれない理由(擬似要素は単純なセレクタではないためです)。ちょっとした提案:) – Harry

+3

色のようなプロパティの場合、 'color:currentColor'はここでは機能しません。なぜなら、:: first-letterボックスはすべての擬似要素ボックスと同様に、pの子孫です現在の色は残りのテキスト(赤色)のものになります。そのため、元の色をハードコードし直す必要があります。 – BoltClock

関連する問題