內聯樣式屬性的CSS選擇器

Question

是否有CSS選擇器可以通過其內聯樣式屬性值選擇此元素？

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

像

div[cssAttribute=cssValue] 

Answer 1

內聯style屬性是其他任何HTML屬性沒有什麼不同，並且可以與子屬性選擇匹配：

div[style*="display:block"] 

正是因爲這個很原因不過它是非常脆弱。由於屬性選擇器不支持正則表達式，因此只能執行精確屬性值的子字符串匹配。舉例來說，如果你在屬性值的某處空間，就像這樣：

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

它不會匹配，直到你改變你的選擇，以適應空間。然後它會停止匹配值不包含包含空格，除非包含所有排列，廣告nauseum。但是，如果您正在處理內聯樣式聲明本身不太可能改變的文檔，那麼您應該沒問題。

還要注意，這是而不是根據DOM中反映的實際指定值，計算值或使用值選擇元素。 那是不可能與CSS選擇器。