diff --git a/seletores/pseudo-classes-de-estado.md b/seletores/pseudo-classes-de-estado.md index 743475a..bab984b 100644 --- a/seletores/pseudo-classes-de-estado.md +++ b/seletores/pseudo-classes-de-estado.md @@ -61,7 +61,7 @@ Seleciona todo elemento ativado. Um elemento está ativado quando ele pode ser s **Como funciona**: `input:enabled` seleciona qualquer `input` que esteja ativado. **Exemplo**: ```html - + ``` ```css input:enabled { @@ -118,7 +118,7 @@ a:visited { ``` --- - +[Exemplos de utilização de Pseudo-classes no Codepen](https://codepen.io/theleoad/pen/bJpVYg/right?editors=1100); --- diff --git a/seletores/pseudo-elementos.md b/seletores/pseudo-elementos.md index 04ed600..83a156e 100644 --- a/seletores/pseudo-elementos.md +++ b/seletores/pseudo-elementos.md @@ -48,7 +48,7 @@ O seletor `::before` cria um falso elemento antes do elemento em que é utilizad ``` ```css div::before { - content: “esse é o ::before”; + content: 'esse é o ::before'; color: red; } ``` @@ -64,11 +64,17 @@ O seletor `::after` cria um falso elemento depois do elemento em que é utilizad ``` ```css div::after { - content: “esse é o ::after”; + content: 'esse é o ::after'; color: purple; } ``` +[Exemplos de utilização de Pseudo-elementos no Codepen](https://codepen.io/theleoad/pen/WWwGBP/right?editors=1100); + +[Exemplos de utilização de vários seletores no Codepen](https://codepen.io/theleoad/pen/pYLwWK/right?editors=1100); + + + --- #### Nesta Seção: [**Seletores**](./seletores.md)