punto prima di class

**paperino00** · 10-05-2011, 23:44

Salve, nei css per indicare una class è sempre necessario usare il punto prima del nome come in questo codice? In quali altri casi serve il punto?
grazie

.codice {
font: 12px "Courier New", Courier, mono;
color: #000000;
background: #FFFFCC;
}

**0-c00l** · 11-05-2011, 00:24

col puntino indichi le class, col cancelletto gli id, se invece vuoi far in modo che tutti gli elementi che usano quel tag (esempio <input> , <img> , <fieldset>) puoi anche non mettere il puntino (va bene solo con tag html esistenti), ovvero:

codice:

fieldset {
border: 2px solid red;
}

input {
background: red;
}

va bene, ma

codice:

ciao {
border: 2px solid red;
}

test {
background: red;
}

non va bene.

**paperino00** · 11-05-2011, 22:09

che differenza c'è tra una classe e un id ?

**0-c00l** · 11-05-2011, 22:37

un id lo puoi usare una sola volta in una pagina, la class quante te ne pare..

**paperino00** · 11-05-2011, 22:38

ho un problema con questo codice: praticamente ii paragrafi h3 direttamente discendenti di body dovrebbero essere rossi invece sono neri

codice:

body > .classe1 { background : White; font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: Red; }

codice:

<html> 
<head> 
<title>Classe con CSS</title> 
</head> 
<link rel="stylesheet" type="text/css" href="sel_universale.css" /> 
<body> 
<h3 class="classe1">Testo Rosso</h3> 
<div> <h3 class="classe1">testo nero</h3> </div> 
<h3 class="classe1">Testo rosso</h3> 
</body> 
</html>

**0-c00l** · 11-05-2011, 22:51

Originariamente inviato da paperino00
ho un problema con questo codice: praticamente ii paragrafi h3 direttamente discendenti di body dovrebbero essere rossi invece sono neri

codice:

body > .classe1 { background : White; font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: Red; }

codice:

<html> 
<head> 
<title>Classe con CSS</title> 
</head> 
<link rel="stylesheet" type="text/css" href="sel_universale.css" /> 
<body> 
<h3 class="classe1">Testo Rosso</h3> 
<div> <h3 class="classe1">testo nero</h3> </div> 
<h3 class="classe1">Testo rosso</h3> 
</body> 
</html>

Logico, non si scrive body > , al massimo body .classe1 ma comunque non serve il body, se non inserisci nulla davanti viene sottinteso body..

**paperino00** · 11-05-2011, 22:59

perchè io avevo letto che quando si indica la discendenza diretta si usa >

comunque ho modificato il css così ma resta nero e non riesco a ottenere l'effetto di discendenza diretta per colorare di rosso solo il primo e il terzo h3

codice:

body.classe1 
{ background : White; font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: Red; }

**0-c00l** · 11-05-2011, 23:01

Originariamente inviato da paperino00
perchè io avevo letto che quando si indica la discendenza diretta si usa >

comunque ho modificato il css così ma resta nero e non riesco a ottenere l'effetto di discendenza diretta

codice:

body.classe1 
{ background : White; font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: Red; }

Togli body, fallo diventare:

codice:

 .classe1 {
background : white; 
font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: red; 
}

I colori sempre meglio metterli in minuscolo

**paperino00** · 11-05-2011, 23:08

fatto ma così diventano tutti e 3 rossi

**0-c00l** · 11-05-2011, 23:23

Logico hai assegnato a tutti e 3 la classe1...

Discussione: punto prima di class

Strumenti discussione

Ricerca discussione

Visualizza

punto prima di class

Permessi di invio