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.
Qual conduta correta a ser tomada segundo o Suporte Avançado de Vida SAV?
Como usar pasta metálica Goldfix?
Porque aparece formiga de asa?
O que fazer para evitar a somatização?
Como usar a panela de arroz elétrica Oster?
Como não morrer de tédio na aula online?
Como usar a pinça para tirar cravos?
Como ligar uma lâmpada com dimmer?
Como ler um livro inteiro em uma hora?
Como instalar interruptor Wi-Fi Ekaza?
Como alterar a imagem da tela de Boas-vindas do Windows 7?