Manual de referência CSS

Regras CSS @

大全 de Atributos CSS

Funções CSS Manual Completo de Selectores CSS

Seletor [attribute~=value] do CSS

Representa elementos que possuem um atributo chamado attribute e cujo valor é uma lista de valores separados por espaço, onde[no mínimo] um valor coincide com "value".

Manual completo de seletores CSS

Exemplo online

Selecione todos os elementos cujo atributo title contém a palavra "flower"

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial básico (oldtoolbag.com)</title>　
<style>
[title~=flower]
{
　　　　borda:5px sólido vermelho;
}
</style>
</head>
<body>
<p>Se o atributo title da imagem contiver a palavra "flower", a borda será vermelha.</p>
<img src="klematis.jpg" title="klematis flower" width="150" height="113"　/>
<img src="img_flwr.gif" title="flowers" width="224" height="162"　/>
<img src="landscape.jpg" title="landscape" width="160" height="120"　/>
<p><b>Atenção:</b>Se [<i>attribute</i>~=<i>value</i>] Para funcionar no IE8　Funciona em versões anteriores ao/p>
</body>
</html>

Teste para ver ‹/›

Definição e uso

[attribute~=value] Seletor usado para selecionar elementos cujo valor de atributo contém uma palavra específica.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores principais suportam[attribute~=value] seletor.

Atenção:[attribute~=value] no IE8Para funcionar no <!DOCTYPE>.