web-dev-qa-db-ja.com

インラインスタイル属性によるCSSセレクター

インラインスタイルの属性値でこの要素を選択するCSSセレクターはありますか？

<div style='display:block'>...</div>

何かのようなもの

div[cssAttribute=cssValue]
htmlcsscss-selectorsinline-styles
90
AgelessEssence

インラインstyle属性は、他のHTML属性と違いはなく、サブストリング属性セレクターと一致させることができます。

div[style*="display:block"]

非常に壊れやすいであるのは、まさにこのためです。属性セレクターは正規表現をサポートしていないため、属性値のexact部分文字列一致のみを実行できます。たとえば、次のように属性値のどこかにスペースがある場合：

<div style='display: block'>...</div>

スペースに合わせてセレクターを変更するまで一致しません。そして、すべての順列を含めて、吐き気を除いて、スペースを含まない値のマッチングを停止します。しかし、インラインスタイルの宣言自体がまったく変更されそうにないドキュメントで作業している場合は、問題ないはずです。

また、これは、DOMに反映される実際の指定値、計算値、または使用値によってすべての選択要素でnotであることに注意してください。 ThatはCSSセレクターでは不可能です。

156
BoltClock

「;」を含む私にとってはうまくいきます。

div[style*="display:block;"]
1
Bertrand