Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17636
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como usar o not para excluir uma classe do estilo CSS

16-12-2015 15:51

Nesse post vou mostrar como usar o :not para fazer com que uma classe não receba a configuração dos elementos.

Vejamos o código abaixo:

<div class="div"><a href="">link</a></div> <div class="div"><a href="" class="link">link</a></div>

Nesse exemplo temos duas linhas de código parecida, exceto que o segundo link tem uma class e o primeiro não.

Se usarmos o seguinte estilo:

<style> .div a{color:blue;} </style>

Ambos os links irão herdar a cor azul no texto. Para excluir o segundo link do exemplo irei usar o CSS :not().

Segue um exemplo:

<style> .div a:not(.link){color:blue;} </style>

Note que acima que a class que será excluída da configuração deve ter também o ponto (.)
2
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado