recherche
Maisoninterface Webtutoriel CSSDescription du sélecteur CSS_Tutoriel de base

1. Tapez le sélecteur
body
{
font-size:12px;
}

{
color:blue
}
Pointez vers le Web ; page Le type de balise existant dans la balise est utilisé comme sélecteur de nom, comme indiqué ci-dessus : la taille de tout le texte dans la balise body est de 12 px, la couleur du texte dans le paragraphe est bleue.
2. Sélecteur de groupe
h4,p,span
{
font-size:12px;
}
Indique que tout le texte des balises h4, p, span sur le La page a une taille de 12 px, c'est-à-dire qu'elle spécifie le même style pour un groupe d'objets, séparés par des virgules entre chaque balise.
3. Contient le sélecteur
div p
{
font-weight:bold;
}
Cela signifie que le texte de la balise p à l'intérieur de la balise div est en gras. est une relation d'inclusion, chaque balise est séparée par un espace et peut être une inclusion à plusieurs niveaux.
IV. Sélecteurs d'identifiant et de classe
L'identifiant est une définition de style pour le seul élément de la page. Ce style n'est utilisé qu'une seule fois dans la page, c'est-à-dire que l'identifiant n'est pas répété

.
..

#myDiv
{
font-size:12px;
}
La classe définit un style commun ou fréquemment utilisé. sur une page. Plusieurs fois, vous pouvez spécifier la même classe pour différentes balises, comme indiqué ci-dessous : les polices dans les balises div et p sont toutes bleues


..


.red
{
color:blue;
}
5. Sélecteur de combinaison
Utilisez l'identifiant ou la classe, et utilisez également des balises pour combiner
h1 #cont
{
}
Représente la balise h1 avec l'identifiant cont
h1 .cont
{
}
Représente toutes les balises h1 avec la classe cont
6. Pseudo -class Le sélecteur
est couramment utilisé comme balise
a:link
{
}
a:hover
{
}
a:visited
{
}
7. Sélecteurs de caractères génériques
*
{
color:blue
}
Indique que la police de tous les objets est bleue.
Déclaration
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
Où devrait «abonner au podcast» vers le lien?Où devrait «abonner au podcast» vers le lien?Apr 16, 2025 pm 12:04 PM

Pendant un certain temps, iTunes était le grand chien du podcasting, donc si vous avez lié "Abonnez-vous au podcast" pour aimer:

Diversité du moteur du navigateurDiversité du moteur du navigateurApr 16, 2025 pm 12:02 PM

Nous avons perdu l'opéra lorsqu'ils sont devenus Chrome en 2013. Même accord avec Edge quand il est également devenu Chrome plus tôt cette année. Mike Taylor a qualifié ces changements de "de moins

Considérations UX pour le partage WebConsidérations UX pour le partage WebApr 16, 2025 am 11:59 AM

Des sites trash des appâts clics au plus d'août des publications, les boutons de partage sont depuis longtemps omniprésents sur le Web. Et pourtant on peut soutenir que ces

Actualités hebdomadaires de la plate-forme: Apple déploie des composants Web, rendu HTML progressif, ressources critiques d'auto-hébergementActualités hebdomadaires de la plate-forme: Apple déploie des composants Web, rendu HTML progressif, ressources critiques d'auto-hébergementApr 16, 2025 am 11:55 AM

Au cours de cette semaine, Apple entre dans les composants Web, comment Instagram est des scripts à chargement Insta et de la réflexion pour l'auto-hébergement des ressources critiques.

Git PathSpecs et comment les utiliserGit PathSpecs et comment les utiliserApr 16, 2025 am 11:53 AM

Quand je regardais la documentation des commandes GIT, j'ai remarqué que beaucoup d'entre eux avaient une option. J'ai d'abord pensé que c'était juste un

Un sélecteur de couleurs pour les images de produitsUn sélecteur de couleurs pour les images de produitsApr 16, 2025 am 11:49 AM

Cela ressemble un peu à un problème difficile ne va pas? Nous n'avons souvent pas de photos de produits dans des milliers de couleurs, de sorte que nous pouvons nous déplacer avec. NOUS non plus

Un mode noir bascule avec React et ThemeproviderUn mode noir bascule avec React et ThemeproviderApr 16, 2025 am 11:46 AM

J'aime quand les sites Web ont une option de mode sombre. Le mode Dark facilite la lecture des pages Web et aide mes yeux plus détendus. De nombreux sites Web, y compris

Certains pratiques avec l'élément de dialogue HTMLCertains pratiques avec l'élément de dialogue HTMLApr 16, 2025 am 11:33 AM

C'est moi qui regarde l'élément HTML pour la première fois. J'en ai été conscient depuis un certain temps, mais il ne l'a pas encore pris pour un tour. Il a un peu cool et

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Dreamweaver Mac

Dreamweaver Mac

Outils de développement Web visuel

Version crackée d'EditPlus en chinois

Version crackée d'EditPlus en chinois

Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)