私は現在、見出し3に続く段落の最初の文字をすべて次のコードでスタイリングして、目立たせています。
.someClass h3+p:first-letter{
font-size: 2em;
}
ここで、すべてのリンク（ "a"タグ）を選択から除外したいと思います。.not（）セレクターを調べましたが、
.someClass h3+p:not(a):first-letter{
font-size: 2em;
}
動かない。
任意の提案をいただければ幸いです！ありがとうございました。
現在のセレクターを英語で分解してデバッグしましょう。 .someClass h3+p:not(a):first-letter
.someClass h3-内部のH3の要素を選択する.someClass要素.someClass h3+p -内部のh3の直後のp要素を選択します .someClass.someClass h3+p:not(a) -アンカー要素ではないp要素を選択します-私たちは、すぐそこに停止することができます-<p>の要素もなることはありません<a>要素が複数のタグを持つことができないので。あなたは実際に<a>INSIDEに影響を与えようとしているので<p>、:not()セレクターはここでは適用できません。
幸いなことに、別の解決策があります-すぐに使えるものです：ブロックレベルの要素になり<a>始める問題のある要素を変更した場合<p>（display: inline-block意図したレイアウトを維持するために使用）、それらはそうではありません親のfirst-letterルールの影響を受けなくなりました。
仕組みは次のとおりです。
.someClass h3+p:first-letter {
font-size: 2em;
}
.someClass h3+p a:first-child {
display: inline-block;
}<div class="someClass">
<h3>H3</h3>
<p>Paragraph Text</p>
<h3>H3</h3>
<p><a href="#">Paragraph</a> Text</p>
</div>この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加