[CSS] Selettori non funzionano !!! ?

**Squall22** · 26-03-2004, 18:09

Ho un'altro problema... abbastanza incredibile

Sto dando una lettura al manuale css level 2 su w3c.org...

nella sezione selettori, sono descritti (con tanto di esempi) moltissimi selettori... mi sono soffermato sul selettore "Child"...

Eppure sto provando in tutti i modi ma non funziona..

ho un tag div con dentro un tag p... nello stile faccio div > p {e gli cambio il background}... NON FUNZIONA

Non funziona nessun altro tipo di selettore... *, +..

Non funziona nemmeno la pesudoclasse :first-child, (le altre non le ho provate per evitare altre incazzature)...

E' colpa di explorer (6) oppure c'è qualcosa che non mi quadra??

**span** · 26-03-2004, 18:32

ie6... non sono supportate tutte, ma con mozilla va un po' meglio

**Squall22** · 26-03-2004, 19:51

ho notato....

con mozzilla il 'child' me lo interpreta come discendente...

con explorer non funziona e basta
con mozilla funziona anche quando non deve funzionare.

**Marcolino's** · 26-03-2004, 22:24

Non ho mai usato quei selettori, per ora, proprio perchè non supportati bene, però mi hai incuriosito e sono andato a vedere:

First-Child

In the following example, the selector matches any P element that is the first child of a DIV element. The rule suppresses indentation for the first paragraph of a DIV:

DIV > P:first-child { text-indent: 0 }

This selector would match the P inside the DIV of the following fragment:

The last P before the note.
<DIV class="note">

The first P inside the note.
</DIV>

but would not match the second P in the following fragment:

The last P before the note.
<DIV class="note">
<H2>Note</H2>

The first P inside the note.
</DIV>

Secondo quanto hai detto tu, Mozilla nel secondo esempio ti fa vedere P non indentato, anche se non è il "primo figlio" del DIV?
Scusa ma non ho la possiblità di provarlo ora, ma sarebbe interessante come discussione.
Mi dici se ho capito bene?

**Squall22** · 27-03-2004, 00:06

il first child non l'ho provato con mozilla..

ho provato solo il selettore child.

Praticamente, se faccio:

<div>

P dentro il div</p>

<span>

P dentro lo span</p></span>

</div>

e poi nello style:

div > p {background: #f00;}

in explorer: non succede nulla
in mozilla : il background ce l'hanno tutti i due

quante belle cose si potrebbero fare se fosse tutto supportato a dovere

**Jerry Masslo** · 27-03-2004, 10:51

scusa, ma se ie supportasse tutto sarebbe ie? per dirne una: hai presente quanto protrebbe venire comodo il position:fixed?

è fatto così.

**Marcolino's** · 27-03-2004, 13:09

Originariamente inviato da Jerry Masslo

IE è fatto così.

Povero

Credo che il problema riscontrato da Squall sia dovuto al fatto che ha usato uno <span> in luogo di <div>.
La proprietà definita prima e poi assegnata a P con "child" è passata all'altro P come se <span> fosse trasparente.
Io fare una semplice prova derivando con un altro <div> (ora provo) e voglio vedere se è la stessa cosa.

**Marcolino's** · 27-03-2004, 13:17

Ecco le prove:

il file html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document Title</title>
<link rel='stylesheet' href='index.css'>
</head>
<body >
<div class='c'>

Ciao</p>
<span>

Che vuoi?</p>
</span>
<div>

Sei Brutto</p>
</div>
<span>

E sì sei bello te</p>
</span>
</div>

</body>
</html>

il foglio di stile allegato
body {
background-color: #fffff;
color: #00000;
}
p {
color: blue;
div.c {

}
div.c > p {
color: red;
}

Ho provato varie combinazioni, e solo il primo

mi diventa giustamente rosso, mentre tutti gli altri restano blu.
Non è che hai sbagliato qualcosa?

PS provato su Mozilla, tanto IE .... vedi sopra

**Squall22** · 27-03-2004, 15:02

Originariamente inviato da Marcolino's
Ecco le prove:

PS provato su Mozilla, tanto IE .... vedi sopra

Ora non ho modo di provare con mozilla... ma con ie vedo il testo blu e sfondo bianco.. e basta.

**Marcolino's** · 27-03-2004, 15:31

Originariamente inviato da Squall22
Ora non ho modo di provare con mozilla... ma con ie vedo il testo blu e sfondo bianco.. e basta.

Infatti "vedi sopra" era per dire che con IE non funziona, non c'è nulla da fare.

Discussione: [CSS] Selettori non funzionano !!! ?

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] Selettori non funzionano !!! ?

Permessi di invio