Cibler une chaine de caractere en CSS

**frederickson** · 19/11/2015, 11h00

Bonjour,

Je souhaiterai pouvoir cibler une chaine de caractere precise de mon identifiant css.

Exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body class="classe1 classe2 classe3-sous-classe"></body>

il faudrait que je puisse pointer sur tous les body qui incluent la chaine de caractere "sous-classe".

Je vous remercie.

**Jacques Beauregard** · 19/11/2015, 11h15

Bonjour,

Tu as plusieurs body sur ta page HTML ?

ce code par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
div.classe3-sous-classe{
/*code css*/
}

pointera sur tous les <div> de classe "classe3-sous-classe" (au même ordre qu'un AND logique)

Bref peux-tu nous en dire plus?

**frederickson** · 19/11/2015, 11h25

Non en fait je souhaiterai cilbler sur la chaine de caractere sous-classe et non pas sur la classe dans sa totalité.

Invité · 19/11/2015, 13h06

Bonjour,
à priori pas en CSS pur.
En SCSS peut-être (mais je ne connais pas).

Sinon, le plus simple est quand même d'ajouter dans le HTML une classe "sous-classe", commune aux body concernés, non ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <body class="classe1 classe2 classe3-sous-classe sous-classe"></body>

Cela dit, un VRAI exemple, avec de vrais noms de classes auraient peut-être été utile...

**frederickson** · 19/11/2015, 14h37

Et non malheureusement la classe se lie automatiquement a la rubrique dans laquelle la page est située.
subsection-nom-fr-accueil_laboratoire

**Jacques Beauregard** · 19/11/2015, 16h59

Tu nous en dis pas beaucoup.
Cependant un exemple avec Javascript peut-être?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="classe1 classe2 class3-sous-classe">Cest ok</div>
<div class="classe1 classe2 class4-sous-classe">Cest ok</div>
<div class="classe1 classe2 class3-sou-classe">Cest ko</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var divs = document.getElementsByTagName("DIV");
for(var i=0;i<divs.length;i++){
    if(divs[i].className.indexOf("sous-classe")>-1){
    divs[i].style.color="green";
    }
}

Cibler une chaine de caractere en CSS

CSS

Vue hybride

Discussions similaires

Partager

Partager