Você pode "inventar" um nome e definí-lo como valor a ser atribuido ao atributo class (classe) do elemento HTML. O nome "inventado" será o seletor para aplicar declarações CSS. E o mais interessante das classes, é que elas podem ser aplicadas a qualquer elemento HTML.
Utilize ID quando deseja que as propriedades do CSS sejam direcionadas a apenas um elemento. Utilize Classes quando você deseja as mesmas propriedades para uma série de elementos. Use o atributo id em um elemento para atribuir um ID a esse elemento. O nome do ID é de sua escolha e ele deve ser único no documento.
Vamos supor que você tem o seguinte código, e quer aplicar estilo somente ao que estiver dentro de . Todos os h1 com classe "post-title" que estiverem dentro da classe "blog-post" recebem a propriedade CSS. Inclusive se estiverem aninhados dentro de outras tags.
Na sintaxe de uma regra CSS, escreve-se o seletor e a seguir a propriedade e valor separados por dois pontos e entre chaves { }. Quando mais de uma propriedade for definida na regra, deve-se usar ponto-e-vírgula para separá-las.
As ids são uma forma de identificar um elemento, e devem ser ÚNICAS para cada elemento....Código CSS:
O seletor de classe deve ser usado quando muitos elementos compartilham do estilo definido na regra. Por exemplo, se queremos alterar todos os parágrafos em uma página utilizamos o seletor de classe. O seletor de id deve ser utilizado quando apenas um elemento deve receber o estilo definido na regra.
Como sobrescrever as propriedades de uma classe CSS usando outra classe CSS
Sendo um tópico introdutório de CSS e HTML, meu intuito neste artigo é abordar da maneira mais simples possível como funcionam as classes e como utilizá-las no seu projeto. Classes são seletores CSS.
Em CSS o conceito de classes é um pouco diferente, já que CSS não se parece nada com as linguagens citadas acima. Primeiramente, CSS é uma linguagem que serve para estilizar sites. Ela descreve como deve ser a aparência dos elementos HTML em uma página web, e faz isso através de seletores.
Mas o problema começa não só quando você está nomeando uma variável, objeto, id ou class. O problema existe quando um mesmo projeto possui estilos diferentes de codificação nele mesmo, portanto, padronize. Entre em um acordo com a sua equipe. O http://smacss.com/ não é um framework css, é um guia de estilo.
O http://smacss.com/ não é um framework css, é um guia de estilo. Toda a teoria dele é muito interessante e eu recomendo a leitura. O foco deste artigo é apenas como eu venho nomeando meus ids e classes.
Como tirar o som do liquidificador?
Como impermeabilizar laje com telhado?
Como importar os arquivos de contatos do Outlook?
Como importar comida para o Brasil?
Como prender um valor no Excel?
Qual impermeabilizante usar no contrapiso?
Como morar no exterior de graça?
Como fazer a implantação de um sistema?
Como ir do Brasil para a Jamaica?
Como importar produtos de Portugal para o Brasil?
Como importar contatos do Excel para o Google contatos?
Como ignorar sua irmã mais velha?
Como importar produto sem ser taxado?
Qual linha de metrô passa na República?