28123 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai une structure html:
< header class="wrap-Header"
<div class "wrap-Hero"
etc....

Après certains de ces blocs ont une classe supplémentaire
<div class ="wrap-Extras content"

Je voudrai sélectionner tous les blocs qui n'ont pas de classes supplémentaires.
J'avais pensé à

[class|="wrap"]:not([class){ 
    grid-column: full; 
}

Mais cela ne fonctionne pas.
Alors si vous avez une solution
Merci
Modérateur
Bonjour,

Dans ton exemple, il manque un square bracket. Ceci dit, même avec, cela ne fonctionnera pas.

Ce qui tu dis ici :
Sélectionne les éléments qui ont une class qui commence par wrap- mais qui n'ont pas d'attribut class (ce qui est contradictoire).

Essaye simplement :
[class|="wrap"]:not(.content){ 
    grid-column: full; 
}

Smiley smile
Modérateur
Ou pourquoi pas refaire un sélecteur d'attribut dans le not si tu le veux :
[class|="wrap"]:not([class*="Extras"]){ 
    grid-column: full; 
}

Modifié par Yordi (15 May 2020 - 14:24)

[class|="wrap"]:not(.content){ 
    grid-column: full; 
}

ça je fais déjà et ça fonctionne.

mais le problème c'est il n'y a pas que .content à enlever.
wrap-Header
wrap-Content
wrap-Content.content-width
wrap-Content.main-width

Je voudrai exclure les classes qui ont une classe modifiante