6
私は::first-letter
がblock-level elementの最初の文字を選択することを知っています。最初の文字以外はどのようにテキストを選択しますか?
最初の文字以外のすべてのテキストを選択するにはどうすればよいですか?
私は:not(::first-letter)
を試しましたが、何も選択しませんでした。
私は::first-letter
がblock-level elementの最初の文字を選択することを知っています。最初の文字以外はどのようにテキストを選択しますか?
最初の文字以外のすべてのテキストを選択するにはどうすればよいですか?
私は:not(::first-letter)
を試しましたが、何も選択しませんでした。
:not
can 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>
あなたは[仕様](https://drafts.csswg.org/selectors-3/#negation)にリンクしても指示することもできます擬似要素が ':not'の引数になれない理由(擬似要素は単純なセレクタではないためです)。ちょっとした提案:) – Harry
色のようなプロパティの場合、 'color:currentColor'はここでは機能しません。なぜなら、:: first-letterボックスはすべての擬似要素ボックスと同様に、pの子孫です現在の色は残りのテキスト(赤色)のものになります。そのため、元の色をハードコードし直す必要があります。 – BoltClock