Pseudo elementos e conteúdo semântico. Vídeo 47 HTML5 CSS3

Nesse vídeo configuro uma das abas do meu projeto adicionando apenas pseudo elementos e conteúdo semântico.
Assim como editar apenas a primeira palavra, ou/e a primeira linha, e transformar os links dessa aba do meu site em conteúdo semântico, conteúdo lido por motores de busca.

não é essencial.

Blog: http://migre.me/oTHEn
Facebook: http://migre.me/oTHD8
Qualquer dúvida, é só comentar.

Código fonte (CSS):

.paragrafos p:first-letter {
    font-size: 120%;
}
.paragrafos p:first-line {
    font-style: italic;
}
.paragrafos a:before {
    content: '[';
}
.paragrafos a:after {
    content: ']';
}

vídeo: