@ ! #

[Pilantra]

Oi povo

beleza? Eu não sei pra que servem esses operadores no CSS, eu sei que : é como se fosse a propriedade do objeto sei lá, tipow a:hover que será acionado quando o mouse estiver em cima do link, agora esses # ! e @ eu não sei!!

Será que alguém poderia me explicar!#!#!#!#!#!

Brigadio

T+zio

Pilantra

[Illidan]

Não sei se esses sinais podem ser chamados de operadores. Mas, de qualquer forma...

Eu só sei o "#"!!! hehehe... ah, e o "@", se não me engano, serve pra você salvar a fonte juntamente com a página.

Bom, vou dar um exemplo do "#":

  Citar

<style>

#tabela1 { width: 500px; border: 1px solid #ff0000; background-color: #ffff00; }

.coluna1 { font-size: 15px;}

.coluna2 {font-size: 11px;}

</style>

<table id="tabela1">

<tr><td class="coluna1">

...

...

<td  class="coluna2">

...

...

</table>

Entendeu? você pode deixar predefinido um modelo de tabela, div, etc.. quando você coloca o "#", você chama pelo "id". Quando você coloca um ponto (.), você chama pelo "class".

Mas eu não sei exatamente quando você deve usar um ou outro. Em todos os testes que eu fiz, não notei diferença alguma entre predefinir pelo "#" ou pelo "." (exceto, claro, na forma como você chama o modelo: "id" ou pelo "class")... sei lá! Gostaria de saber isso, tb... se alguém puder nos explicar, eu agradeço!

Falou! Um abraço!

[rodfraga]

Também gostaria de saber... Fico imaginando o uso do "!"

Abraços

[David Elias]

Imagina que um utilizador fez uma folha de estilos para visualizar a tua página, mas tu queres que um determinado elemento tenha uma determinada aparência e não queres que a folha de estilo do utilizador se sobreponha nesse determinado elemento............ então tu fazes assim

#nav {
    display: block; !important
}

mas atenção se o utilizador usar "!important" naquela propriedade daquele selector nada feito

[Fabi SP]

  Illidan disse:

Entendeu? você pode deixar predefinido um modelo de tabela, div, etc.. quando você coloca o "#", você chama pelo "id". Quando você coloca um ponto (.), você chama pelo "class".

Mas eu não sei exatamente quando você deve usar um ou outro. Em todos os testes que eu fiz, não notei diferença alguma entre predefinir pelo "#" ou pelo "." (exceto, claro, na forma como você chama o modelo: "id" ou pelo "class")... sei lá! Gostaria de saber isso, tb... se alguém puder nos explicar, eu agradeço!

Na prática, a utilização de "#" e "." não faz diferença nenhuma, mas pelos padrões W3C, funciona da seguinte maneira:

O "#" é utilizado para elementos que ocorrem apenas 1 vez no código. Um exemplo prático disso seria:

#menu {

background-color: #fff;

.

.

.

}

E no HTML, referenciá-lo apenas uma vez (normalmente, só temos um menu em uma página):

<div id="menu">Aqui vai o menu</div>

O "." é utilizado para elementos que se comportam da mesma maneira em uma página e por isso, "pode" ser chamado várias vezes no mesmo código:

td.rotulo{

font-weight: bold;

.

.

.

}

Assim, todas as células de tabela que você deseja que apareçam como definido na classe rotulo, serão assim:

<td class="rotulo">Célula</td>

Espero que não tenha sido muito confuso...

[rodfraga]

foi muito boa a explicação!

abraços

[Illidan]

  Fabi SP disse:

Espero que não tenha sido muito confuso...

Muito obrigado, sua explicação foi ótima!

[Fabi SP]

Obrigada pelos elogios! Estou aqui para o que precisarem sobre CSS e afins...

Até mais,