Sélecteur CSS et groupe de classes ?

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Bibilefou
Salamandre
Messages : 46
Inscription : 20 sept. 2003, 14:34

Sélecteur CSS et groupe de classes ?

Message par Bibilefou »

Bonjour,

Quelqu'un saurait il comment faire pour sélectionner un ensemble de classes ?

Ex : <div class="bloc rouge">

Est il possible de définir un style particulier en cas d'addition des classes bloc + rouge ?

C'est con mais c'est comme ça....

A+
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

En théorie si tes classes sont bien définies (=de manière sémantique, ici il y a déjà une information de mise en forme), cela devrait être inutile...
Voir le "tip" Use class with semantics in mind :wink:

Donc à ma connaissance c'est impossible.
Bibilefou
Salamandre
Messages : 46
Inscription : 20 sept. 2003, 14:34

Message par Bibilefou »

C'est bien qu'est ce que je m'étais dit, hein.

Merci pour cette confirmation. ;)

Bonjour chez vous.
jv2759
Tyrannosaurus Rex
Messages : 4161
Inscription : 12 févr. 2004, 14:29

Message par jv2759 »

Bibilefou a écrit :C'est bien qu'est ce que je m'étais dit, hein.

Merci pour cette confirmation. ;)

Bonjour chez vous.
Par contre le

<div class="bloc">
<div class="rouge">

marche, c'est une alternative. et pour ta question de pouvoir faire quelque chose de particulier dans ce cas, je crois que oui. Comment, je ne suis pas asser caler, mais je crois que tu peux faire des régle dans ce sence.

.bloc .rouge{}

ou [.bloc] .rouge{}

Je ne me rappelle pas dutout la sintaxe, mais le but et de dire, si tu as bloc puis rouge imbriquer.

essais de regarder ici :

http://dicolive.media-box.net/docCSS/cs ... e=1&id=202
Inscrit sur la liste des abonner absent...
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Ah ben c'est pas bête du tout parce que ça veut dire que [class="bloc].rouge va se référer directement à class="bloc rouge" :D (évidemment seulement dans les navigateurs dignes de ce noms supportant le sélecteur d'attributs)

Sinon je te garantis que tu ne risque rien en essayant .bloc.rouge mais à mon avis c'est voué à l'échec.
jv2759
Tyrannosaurus Rex
Messages : 4161
Inscription : 12 févr. 2004, 14:29

Message par jv2759 »

calimo a écrit :Ah ben c'est pas bête du tout parce que ça veut dire que [class="bloc].rouge va se référer directement à class="bloc rouge" :D (évidemment seulement dans les navigateurs dignes de ce noms supportant le sélecteur d'attributs)
C'est évident que je parle ici de naviguateur et rien d'autre;)
Inscrit sur la liste des abonner absent...
bobo
Iguane
Messages : 764
Inscription : 18 août 2003, 11:04

Re: Sélecteur CSS et groupe de classes ?

Message par bobo »

Bibilefou a écrit :Bonjour,

Quelqu'un saurait il comment faire pour sélectionner un ensemble de classes ?

Ex : <div class="bloc rouge">

Est il possible de définir un style particulier en cas d'addition des classes bloc + rouge ?

C'est con mais c'est comme ça....
Il est tout à fait possible d'associer plusieurs classes à un élément comme tu le fais dans ton exemple. L'élément sera alors sensible à la sélection de la classe "bloc" (à l'aide de ".bloc") et de la classe "rouge" (à l'aide de ".rouge"). Pour sélectionner tous les éléments possédant les 2 classes, il faut coller les 2 sélecteurs (donc ".bloc.rouge" l'ordre n'ayant pas d'importance), de la même manière que pour sélectionner un élément "div" de classe "rouge" où l'on colle le sélecteur "div" avec le sélecteur ".rouge" (donc "div.rouge")
Les standards c'est bon, mangez en !
Flore & Sébastien
Unité dans la diversité.
Bibilefou
Salamandre
Messages : 46
Inscription : 20 sept. 2003, 14:34

Message par Bibilefou »

bobo , merci ! ;)
par contre, on peut faire div.bloc.rouge ?
Bobe
Iguane
Messages : 742
Inscription : 28 juil. 2003, 21:29

Message par Bobe »

oui, sans problème. Faudra voir pour IE, je suis pas sùr qu'il gère les classes multiples...
« La vie d’un geek est un combat perpétuel contre l’imperfection »
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 13 invités