CSS - Comment sélectionner un id à l'intérieur d'une classe
J'ai plusieurs tables. J'ai donc utiliser un datatable.css. Pour faire face à l'en-tête-je utiliser
.order-table-header{}
(donc j'utilise une classe d'en-tête)
Je veux maintenant pour différencier mes tables donc, logiquement, l'utilisation d'un identifiant, quelque chose comme ça :
#Other{}
Mais il ne veut pas faire ce qui est à l'intérieur de la #{Autre}
voici mon code :
.order-table-header{
text-align:center;
background:none repeat scroll 0 0 #dddddd;
border-bottom:1px solid #BBBBBB;
padding:16px;
width: 8%;
background-color: #0099cc;
color: #ffffff;
line-height: 3px;
}
#Other .order-table-header{
background-color: #00ff00;
}
J'ai essayé dans l'autre sens
.order-table-header #Other{}
J'ai essayé avec tout les autres
#Other{}
Voici mon code xhtml :
<h:dataTable value="#{workspace.otherfiles}"
var="item"
styleClass="datatable.css"
headerClass="order-table-header"
rowClasses="order-table-odd-row, order-table-even-row"
id="Other">
J'ai aussi essayé :
.order-table-header(@background : #0099cc){
text-align:center;
background:none repeat scroll 0 0 #dddddd;
border-bottom:1px solid #BBBBBB;
padding:16px;
width: 8%;
background-color: @background;
color: #ffffff;
line-height: 3px;
}
#Other {
.order-table-header(#00ff00);
}
mais netbeans me dire symbole inattendu trouvé pour la première ligne et de la ligne à l'intérieur d'autres
OriginalL'auteur SabineA | 2012-03-11
Vous devez vous connecter pour publier un commentaire.
.order-table-header #Other
(notez l'espace entre la tête et #d'Autres) qui signifie "nœud avec l'id 'Autre' qui est un descendant du nœud avec de la classe afin de table-header'". Ainsi, un nœud ayant pour id "Autres" et de classe "commande à la table d'en-tête" ne correspond pas à une règle CSS à avoir de motif.order-table-header #Other
. Toutefois, un nœud peut correspondre à plus d'une règle. Essayez de changer la partie correspondante de votre premier exemple:OriginalL'auteur gcbenison
essayer cette
#Other .order-table-header{ css }
depuis le #Autre sera l'id de la table et .ordre à la table d'en-tête sera la classe de la table d'en-têteOriginalL'auteur Abhidev