Introduction to CSS Selectors

Nós brevemente já falamos sobre seletores no capítulo sobre a anatomia do CSS mas, como em breve você vai perceber, os seletores vêm em diferentes sabores e em várias combinações. Os seletores podem ser extremamente poderosos e a maioria da estilização não seria possível sem eles.

Como já foi mencionado, um seletor encapsula uma ou muitas propriedades, as quais determinam o comportamento e aparência de um certo elemento. O que há de interessante sobre os seletores é que eles permitem a você referenciar um elemento de formas diferentes, em estados diferentes, em várias hierarquias e memo muitos elementos ao mesmo tempo.

Naming your selectors

Basicamente, o nome de um seletor deve começar com um "underscore" (_), um hífen (-) ou uma letra (a-z) e então ser seguido por qualquer número de hífens, "underscores", letras ou números. Quando nomear seus seletores, há alguns caracteres que você não pode usar, normalmente porque eles tem um signiifcado especial - estes serão explicados mais tarde neste tutorial.

Summary

Um seletor é um nome e uma ou várias propriedades. Nos próximos caítulos, eu vou mostrar todas as formas que você pode usar um seletor e, para demonstrar isso, eu vou usar muitas propriedades do CSS. Você pode não conhecer elas agora, ou talvez nenhuma, mas não se preocupe - eles serão todas explicadas mais tarde. Eu incluí elas agora porque seletores vazios não dão realmente uma boa noção de como o CSS funciona, mas sinta-se livre para pular para outras partes deste tutorial como você preferir se quiser saber mais sobre as propriedades usadas.