Maison> interface Web> tutoriel CSS> le corps du texte

Pseudo-éléments CSS

WBOY
Libérer: 2023-09-10 21:09:01
avant
659 Les gens l'ont consulté

Nous pouvons styliser des parties spécifiques d'un élément, telles que la première lettre, la première ligne, ou même l'insérer avant/après. Pour cela, utilisez des pseudo-éléments CSS.

REMARQUE- Pour séparer les pseudo-classes CSS des pseudo-éléments, dans CSS3, les pseudo-éléments utilisent la notation double deux-points.

Syntaxe

Voici la syntaxe d'utilisation des pseudo-éléments CSS sur un élément-

Selector::pseudo-element { css-property: /*value*/; }
Copier après la connexion

Voici tous les pseudo-éléments CSS disponibles-

5 6 Voyons un exemple de pseudo-éléments CSS -
Sr.No pseudo-élément et description
1 après

Insérer du contenu après le contenu de chaque élément mentionné

2 avant

Insérer du contenu avant le contenu de chaque élément mentionné

3 première lettre

it sélectionne la première lettre de chaque élément mentionné

4 e d'abord-ligne qui sélectionne la première lettre de chaque élément mentionné première ligne

placeholder Il sélectionne le texte de l'espace réservé dans l'élément de formulaire

selection < strong> Il sélectionne la partie de l'élément sélectionnée par l'utilisateur

Exemple

Démonstration en direct

    

Computer Networks

A system of interconnected computers and computerized peripherals such as printers is called computer network.

Copier après la connexion
Sortie

Voyons un autre exemple de pseudo-éléments CSS -

ExempleCSS 伪元素

Démonstration en direct rreee

sortie

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!