Seletores CSS

Usamos os seletores para especificar quais elementos um determinado conjunto de regras é aplicado. Basicamente, os seguintes seletores podem ser utilizados:

• tag: seleciona todos os elementos que correspondem a tag fornecida;
• classe: seleciona todos os elementos que possuem o valor class igual ao nome fornecido. O seletor é usado da seguinte forma: .nome-classe;
• id: seleciona todos os elementos que possuem o valor id igual ao nome fornecido. O seletor é usado da seguinte forma: #nome-id;
• universal: usado para selecionar todos os elementos do documento. O caractere * é usado como coringa;
• atributo: Este seletor irá escolher elementos baseados no valor de um de seus atributos, ou até mesmo pelo próprio atributo. Geralmente assumme a forma [atrib] [atrib=valor] [atrib~=valor] [atrib|=valor] [atrib^=valor] [atrib$=valor] [atrib*=valor]

HTML Básico

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magni animi fugit nulla excepturi, commodi est odit laudantium voluptatem perferendis perspiciatis, explicabo optio blanditiis. Repellat officia possimus delectus quibusdam, porro numquam?

HTML Médio

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magni animi fugit nulla excepturi, commodi est odit laudantium voluptatem perferendis perspiciatis, explicabo optio blanditiis. Repellat officia possimus delectus quibusdam, porro numquam?

HTML Avançado

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magni animi fugit nulla excepturi, commodi est odit laudantium voluptatem perferendis perspiciatis, explicabo optio blanditiis. Repellat officia possimus delectus quibusdam, porro numquam?

Aprendendo CSS

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates animi nemo officiis qui quaerat facilis molestias voluptatibus, corrupti facere totam odit praesentium aliquam dolorem libero! Animi maiores dicta quas quia!

CSS básico

Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus enim dolorum, quo dolore cupiditate ad, dolor, qui error eligendi deleniti libero deserunt dolorem iure unde laboriosam consequatur ex doloribus voluptate?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur sed earum molestiae voluptate, optio delectus necessitatibus vitae saepe odit quisquam, obcaecati eveniet vero reiciendis recusandae atque exercitationem quo veritatis quis.

CSS Médio

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatibus iusto earum accusantium, explicabo pariatur ad expedita! Tenetur ex magni quam nobis voluptatem quia temporibus error, a quod ab, modi possimus?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perferendis nostrum ratione ex alias? Et, voluptates. Aliquam, error sapiente, consequatur placeat eaque veritatis cupiditate, quidem distinctio fugiat fugit fuga repellendus!

CSS Avançado

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id laudantium animi temporibus aliquid repellat ut odio dolorum eos quas reprehenderit totam ipsum ullam adipisci, facere quis hic soluta! Assumenda.