html - インラインスタイルの要素内の要素のCSSセレクター？

Question

インラインスタイルで要素をターゲットにするCSSセレクターはありますか？では、CSSのみで最初のスパンをターゲットにすることはできますが、2番目のスパンをターゲットにすることはできませんか？

そうでない場合、これはjQueryで実行できますか？

<p style="text-align: center;">
    <span>target</span>
</p>

<p>
    <span>not target</span>
</p>

score 45 · Accepted Answer

お茶会に少し遅れましたが、見つけて使った解決策を共有したいと思いました。

スタイル属性を正確に一致させることができれば、@simoneの答えは完璧です。ただし、他のインラインスタイルが関連付けられている可能性のあるインラインスタイル属性をターゲットにする必要がある場合は、次を使用できます。

p[style*="text-align:center;"]

「*=」は「属性値の任意の場所で次の値に一致する」ことを意味します。

他のセレクターの詳細については、css-tricks.comの次のブログ投稿を参照してください。

CSSセレクターのスキニー

http://css-tricks.com/attribute-selectors/#rel-anywhere

score 24 · Accepted Answer

24

p[style="text-align: center;"] {
  color: red;
}

しかし、これは醜いです。

于 2013-01-03T13:19:35.433 に答える

score 8 · Accepted Answer

特定のルール宣言にスタイルを適用する場合は、style*を使用することもできます。これは、適用される値に関係なく、インラインスタイルを持つすべての要素に一致します。

div[style*="background-image"] {
  background-size: cover;
  background-repeat: no-repeat;
}

score 2 · Accepted Answer

2

使用する：

p[style] span {
  color: red;   
}

于 2013-01-03T13:18:50.450 に答える

4 に答える 4