une question de syntaxe css

8

il est un sélecteur pour une durée qui réside dans un div (ou quoi que ce soit) avec classe .x-temps, ce qui est à leur tour imbriqué dans un ensemble de données .x-classe

par exemple, si vous avez le css comme:

.x-data .x-time span { 
    font-size: 12px; 
    color: red; 
}

et une structure comme celle-ci:

<div class="x-data"> 
    <div class="x-time"> 
     Time: <span>12:00</span> 
    </div> 
</div>

alors le 12:00 va être de la taille de police 12, et en rouge. où la partie "Time:" va juste suivre le format hérité.

Source

2010-08-31 11:03:18 iamserious

6

Il cible les éléments span à l'intérieur des éléments de classe "x-time", qui, eux-mêmes, sont également à l'intérieur de l'élément avec class = "x-data".

Source

2010-08-31 10:59:49 pixeline

-1

Tout élément avec une classe '.x-data' contenant n'importe quel élément avec une classe de '.x-time' contenant <span> sera créé.

par ex.

<p class="x-data"> 
    lipsum 
    <span class="x-time"> 
     <span>lipsum</span> <!-- only this guy is styled --> 
     <strong>sdadsa</strong> 
    </span> 
    <span>dolor</span> 
</p>

Source

2010-08-31 11:00:07

+1

C'est en arrière, c'est un sélecteur descendant, pas un sélecteur d'ancêtre :) – Quentin

+0

peut être juste sa structure est mélangée, cela ressemble à l'élément est ciblé, où comme, je suis sûr qu'il voulait dire qu'il est span ... – iamserious

+0

@Noon Silk - c'est faux car ce n'est pas l'élément avec une classe de 'x-data' qui est sélectionnée, c'est le' span'. –

3

Sélectionne un élément de portée qui est un descendant d'un élément avec un attribut de classe qui contient le mot x-temps qui est un descendant d'un élément avec un attribut de classe qui contient le mot x-data.

via SelectOracle. Je recommande de donner Selectutorial une lecture aussi.

Source

2010-08-31 11:00:36 Quentin

+1

+1 pour SelectOracle; Je n'ai jamais entendu parler de ce service. –

1

c'est comme dire Cheveux de Queue d'âne.

donc .x-données seront âne
.x-temps sera portée queue
sera cheveux !!

donc l'extension .x-data.

l'obtenir?

Source

2010-08-31 13:01:57 LocustHorde

une question de syntaxe css

Répondre

Questions connexes