É possível criar tags em CSS?

[Koyo4ever]

Gostaria de saber que se por exemplo eu colocar este código em CSS:

charlles {
          padding-left:5px;
              color:#CCC;
          text-align:left;
          font-weight:bold;
          
        }

Chamar ele na página HTML e declarar isto:

<charlles>Funcionamento :</charlles>

A TAG "charlles" não existe, este código funcionou sengundo os meus testes.

Tem algum perigo se eu colocar uma TAG inexistente no CSS e declarar ela em HTML depois?

[_Vinny_]

Criar tags, nunca ouvi falar disso lol

O que se faz é criar o CSS e definir a class no HTML, assim:

CSS

.charlles {
padding-left:5px;
color:#CCC;
text-align:left;
font-weight:bold;
}

HTML

<div class="charlles"> .... meu texto .... </div>

<span class="charlles"> .... meu texto .... </div>

E etc... Usar tags inexistentes pode e vai gerar erros na sua página.

[lucas1407]

Vinny realmente, é verdade isso, tenta por isso num arquivo php ou html e ve o resultado:

<style>
charlles {
          padding-left:5px;
              color:#CCC;
          text-align:left;
          font-weight:bold;
          
        }
        </style>
<charlles>Funcionamento :</charlles>

realmente tipo que cria a tag, e fica da forma que foi feito no css

nossa, kk como eu sou burro agora entendi porque

se cnão por nem '.' nem '#' o css entende que é para fazer os comandos na tag, então vai dar certo em tudo kk

Editado Janeiro 26, 2011 por ghs_

[Koyo4ever]

Haa...vlw

[_Vinny_]

Não funciona no Internet Explorer e o código é inválido pelo W3C.

Ou seja, mesmo que funciona, é errado.

[Koyo4ever]

Não entedi:

Não funciona no Internet Explorer e o código é inválido pelo W3C.

Ou seja, mesmo que funciona, é errado.

[_Vinny_]

Se você rodar o código usando o navegador Internet Explorer, ele não vai interpreta-lo.

E segundo os padrões da W3C, como a tag "criada" não existe o código é inválido, ou seja, ele esta errado. Por mais que outros navegadores consigam interpretar o código, ele continuara inválido.

[lucas1407]

é melhor só usar algo assim:

<style>
.text-gray {
          padding-left:5px;
              color:#CCC;
          text-align:left;
          font-weight:bold;
          
        }
        </style>
<font class="text-gray">Funcionamento :</font>

[_Vinny_]

ghs_, assim continua errado a sintaxe HTML, o correto seria:

<div class="text-gray">Funcionamento :</div>

[tiago31]

e realmente no IE8 não funciona mais no FireFox sim mais gostei da ideia isso e bacana.