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)