CSS Almanach 2025, Février
Le sélecteur #id vous permet de cibler un élément en référençant l'attribut HTML id. Similaire à la façon dont les attributs de classe sont indiqués dans CSS avec un "point" "
Le sélecteur: invalid vous permet de sélectionner des éléments qui ne contiennent pas de contenu valide, tel que déterminé par son attribut type. : invalide est défini dans le CSS "
Le combinateur général des frères et sœurs (~) en CSS ressemble à ceci en cours d'utilisation: .featured-image ~ p (font-size: 90%;) Dans cet exemple, vous sélectionneriez tout "
La pseudo-classe: focus en CSS est utilisée pour styliser un élément actuellement ciblé par le clavier ou activé par la souris. Voici un exemple:"
Le pseudo sélecteur: focus-within en CSS est un peu inhabituel, bien que bien nommé et plutôt intuitif. Il sélectionne un élément si cet élément en contient "
Le sélecteur: first-of-type en CSS vous permet de cibler la première occurrence d'un élément dans son conteneur. Il est défini dans le CSS Selectors Level 3 "
La pseudo-classe: hover dans CSS sélectionne les éléments lorsque le curseur de la souris les survole. Il est généralement associé au lien () "
Le pseudo-élément :: first-line sert à appliquer des styles à la première ligne d'un élément. Imaginez un paragraphe de plusieurs lignes (comme celui-ci!). "
Le sélecteur: first-child vous permet de cibler le premier élément immédiatement à l'intérieur d'un autre élément. Il est défini dans la spécification CSS Selectors Level 3 comme un "
:: first-letter est un pseudo élément qui vous permet de styliser la première lettre d'un élément, sans avoir besoin de coller une balise autour de cette première "
Le pseudo-sélecteur: empty sélectionnera les éléments qui ne contiennent rien ou seulement un commentaire HTML. div: vide (affichage: aucun;) Correspondra à "
Un combinateur enfant en CSS est le symbole "supérieur à", il ressemble à ceci: ol> li (couleur: rouge;) Cela signifie "sélectionner les éléments qui sont des descendants directs"
La pseudo-classe: enabled dans CSS sélectionne les éléments focalisables qui ne sont pas désactivés, et donc activés. Il n'est associé qu'aux éléments de formulaire "
Un sélecteur de classe en CSS commence par un point (.), Comme ceci: .class () Un sélecteur de classe sélectionne tous les éléments avec un attribut de classe correspondant. Par exemple,"
La pseudo-classe: dir () en CSS permet de sélectionner des éléments en fonction de la direction du langage, comme déterminé dans le balisage HTML. Il y a vraiment "
Le sélecteur de pseudo-classe: disabled fournit un style conditionnel aux éléments HTML qui peuvent recevoir une entrée utilisateur, lorsque les éléments sont désactivés "
Un sélecteur descendant en CSS est n'importe quel sélecteur avec un espace blanc entre deux sélecteurs sans combinateur. Voici quelques exemples: ul li () header h2 () "
Le pseudo-sélecteur: default correspondra à la valeur par défaut dans un groupe d'éléments associés, tels que le bouton radio dans un groupe de boutons sélectionné par "
La pseudo-classe: checked dans CSS sélectionne les éléments lorsqu'ils sont dans l'état sélectionné. Il n'est associé qu'aux éléments input () de type radio et "
La pseudo-classe: blank s'appuie sur la pseudo-classe: empty. Comme: empty,: blank sélectionnera les éléments qui ne contiennent rien du tout, ou ne contiennent qu'un HTML "
Il existe de nombreuses façons de sélectionner des éléments en CSS. La sélection la plus basique se fait par nom de balise, comme p (). Presque tout ce qui est plus spécifique qu’une balise "
Les pseudo-éléments :: before et :: after en CSS vous permettent d'insérer du contenu sur une page sans qu'il soit nécessaire qu'il soit dans le HTML. Alors que le résultat final n'est pas "
Div (z-index: 1; / * integer * /) La propriété z-index dans CSS contrôle l'ordre d'empilement vertical des éléments qui se chevauchent. Comme dans, lequel apparaît comme "
La pseudo-classe: any-link en CSS fournit une méthode pour sélectionner les éléments qui sont l'ancre source d'un lien hypertexte. Si le terme ancre source vous a perdu, "
Le pseudo-sélecteur: active modifie l'apparence d'un lien pendant son activation (en cours de clic ou autrement activé). On ne le voit généralement que "
Le combinateur frère adjacent dans CSS n'est pas un sélecteur en soi, mais une façon de combiner deux sélecteurs. Par exemple: p + p (marge: 0;) Le signe plus "
La propriété width en CSS spécifie la largeur de la zone de contenu de l'élément. Cette zone de "contenu" est la partie à l'intérieur du remplissage, de la bordure et de la marge de "
La propriété d'espace blanc contrôle la manière dont le texte est traité sur l'élément auquel il est appliqué. Disons que vous avez du HTML exactement comme ceci: un tas de mots que vous "
La propriété zoom dans CSS vous permet de mettre à l'échelle votre contenu. Il n'est pas standard et a été implémenté à l'origine uniquement dans Internet Explorer. Bien que plusieurs "
La propriété d'espacement des mots est similaire à l'espacement des lettres, bien que son utilisation régisse naturellement la quantité d'espace entre les mots dans un morceau de texte, et non le "