web-dev-qa-db-ja.com

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

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

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

http://jsfiddle.net/TYCNE/

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

<p>
    <span>not target</span>
</p>
​
htmlcsscss-selectorsinline-styles
22
Evanss
p[style="text-align: center;"] {
  color: red;
}

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

18
Simone

ティーパーティーには少し遅れましたが、見つけて使用した解決策を共有したいと思いました。

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

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

「* =」は、「次の値を属性値のどこかに一致させる」ことを意味します。

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

CSSセレクターの細い

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

38
Dan

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

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

使用する ：

​p[style] span {
  color: red;   
}​
2
Jerome Cance