2010-04-13 5 views
2

J'ai l'aveuglement de code, c'est comme le dendrobage, juste avec beaucoup trop de code.Comment puis-je sélectionner cet élément?

J'ai une classe div généré dynamiquement,

<div class="even last"> 

Comment puis-je choisir que CSS?

div.even last { 
    background-color:#ffffff; 
    height:100%; 
    border-top:1px solid #F5F5F5; 
    padding:2px; 
    margin-top:35px; 
} 

ne semble pas fonctionner, et je ne peux pas penser plus ..

Merci :)

Répondre

7

Lorsque plusieurs classes sont spécifiées avec un espace, elles appliquent ces deux classes à l'élément. Par conséquent si vous spécifiez div.even ET/OU div.last il les utilisera.

4

Vous ne pouvez pas avoir des espaces dans un nom de classe css. Cela devrait fonctionner:

<div class="even_last"> 

div.even_last { 
    background-color:#ffffff; 
    height:100%; 
    border-top:1px solid #F5F5F5; 
    padding:2px; 
    margin-top:35px; 
} 

espaces en moyenne: l'css élément suivant contenu dans le précédent, par exemple:

<div class="even_last"> 
    <div> 
     Hello 
    </div> 
    World 
</div> 

div.even_last div { 
    font-weight:bold; 
} 

Bonjour sera gras, alors que Monde ne sera pas.

+0

Oui, mais comme je l'ai dit, il est gerneated, donc je ne peux pas changez le HTML pour produire le trait de soulignement :) – Kyle

+0

Vous voudrez probablement préserver cependant les classes existantes. Le pair et le dernier sont assez standard en traitant des listes et des tables. – CurtainDog

+0

Oh, je vois. Alors la réponse de ck fera pour vous. –

3

Remplacer l'espace avec un point et vous avez raison:

div.even.last { 
    background-color:#ffffff; 
    height:100%; 
    border-top:1px solid #F5F5F5; 
    padding:2px; 
    margin-top:35px; 
} 
+0

Cela n'a pas fonctionné non plus .. – Kyle

+0

J'ai fait une page de test rapide pour cela, et il a dénommé la div, mais rien après que div afficherait du tout. – cjk

+0

Eh bien, il est en train de régler la hauteur à 100% ... sans HTML, il ne sert à rien de spéculer sur ce que ça va faire. Mais ceci est le bon sélecteur pour les éléments div correspondant à la fois 'pair' et 'dernier' – CurtainDog

0

Nom de votre classe comme evenlast:

div.evenlast 
{ 
    /* styles here */ 
} 
+0

Désolé, cela n'a pas fonctionné. – Kyle

Questions connexes