Existe um seletor CSS para selecionar este elemento por seu valor de atributo de estilo embutido?
<div style='display:block'>...</div>
algo como
div[cssAttribute=cssValue]
Existe um seletor CSS para selecionar este elemento por seu valor de atributo de estilo embutido?
<div style='display:block'>...</div>
algo como
div[cssAttribute=cssValue]
Respostas:
O style
atributo inline não é diferente de nenhum outro atributo HTML e pode ser correspondido com um seletor de atributo substring:
div[style*="display:block"]
É por isso mesmo que é extremamente frágil . Como os seletores de atributo não oferecem suporte a expressões regulares, você só pode realizar correspondências exatas de substring do valor do atributo. Por exemplo, se você tiver um espaço em algum lugar no valor do atributo, como este:
<div style='display: block'>...</div>
Não corresponderá até que você altere seu seletor para acomodar o espaço. E então ele irá parar de combinar valores que não contêm o espaço, a menos que você inclua todas as permutações, ad nauseum. Mas se você estiver trabalhando com um documento no qual as próprias declarações de estilo inline provavelmente não sofrerão alterações, você não terá problemas.
Observe também que isso não significa selecionar elementos por seus valores reais especificados, calculados ou usados, conforme refletido no DOM. Isso não é possível com seletores CSS.
Incluindo ";" funciona melhor para mim.
div[style*="display:block;"]
style
deve corresponder exatamente à propriedade HTML
;
.