28172 sujets

CSS et mise en forme, CSS3

Bonjour à vous tous,

J'avais déjà posé la question une fois ici mais je ne retrouve pas les réponses ni le topic originel. Pour chercher sur le web, je voudrais savoir comment s'appellent les différentes syntaxes pour définir les déclarations dans les CSS. Voici un exemple :

.container,
article,
span{
    ...
}

.container article{
    ...
}

.contaiiner > p{
    ...
}

.container + p{
    ...
}

etc.

Il y a même une façon décrire avec des accolades. Mais je ne sais pas quoi saisir dans le moteur de recherche de Google, ni dans MDN, pour pouvoir trouver les différentes syntaxes. Si quelqu'un saurait me le dire, je lui serai reconnaissant.

Merci
Modifié par ObiJuanKenobi (23 Aug 2024 - 19:05)
casper2 a écrit :
Bonjour, un lien à toujours garder sous le coude :
Les 30 Sélecteurs CSS à Absolument Connaître

Bravo, excellente ressource ; expliquée un peu dans le désordre je trouve, mais bon, ça semble assez complet.

Perso je m’aperçois que j'étais passé à côté de :only-child :
/* le paragraphe est ciblé seulement s'il est l'unique élément <p> d'une <div> */
div p:only-child {
 color: red;
}

Modifié par Olivier C (23 Aug 2024 - 21:30)
Administrateur
Bonjour,

une règle CSS est composée d'un sélecteur suivi d'un bloc de règles.
Il y a aussi les at-rules (@charset, @media, @container, etc) que MDN traduit par règle @, soit.