plinfos

Définition, Type, Type et Format du Code !


Image Comprendre le sélecteur CSS Qu'est-ce qu'un sélecteur CSS ou un sélecteur Types de base et types de sélecteurs et format d'écriture du code
Image Comprendre le sélecteur CSS Qu’est-ce qu’un sélecteur CSS ou un sélecteur Types de base et types de sélecteurs et format d’écriture du code

Savez-vous ce qu’est CSS Selector, qu’est-ce qu’un CSS Selector ou Selector ? Types, types et format pour écrire le code ? Auparavant, laissez-nous vous demander d’abord si vous êtes nouveau dans l’utilisation de CSS, ou avez-vous appris à l’utiliser ? En général, les fichiers CSS sont la mise en page et la conception des pages Web. De l’emplacement de l’image et du texte à la taille Police de caractère et la couleur d’arrière-plan, CSS contrôle la façon dont ces éléments HTML sont affichés dans le navigateur.

Peut-être que la plus grande clé pour comprendre CSS (en savoir plus sur ce que CSS signifie ici) est de comprendre sélecteur. C’est ce qui vous permet de cibler des éléments HTML spécifiques et d’appliquer des styles feuilles de style à lui. Donc, si vous êtes nouveau à Feuilles de style en cascade, Nous suggérons de nous concentrer d’abord sur le sélecteur. En relation avec cela, dans cet article, nous discuterons en détail et compléterons ce que signifie le sélecteur CSS. Allez, allez-y, voici la critique !

Définition des sélecteurs CSS

Moyens sélecteur ou Sélecteurs et sélecteurs CSS (en indonésien), Sélecteur CSS est une règle de code CSS utilisée pour « trouver » (ou sélectionner et sélectionner) l’élément HTML que vous souhaitez styliser en fonction de nos conclusions provenant directement de Site W3Schools.

Dans Feuilles de style en cascadeque ce soit la version précédente ou la plus récente, à savoir CSS3 (lire la signification de CSS3 ici) sélecteur est le motif utilisé pour sélectionner les éléments que vous souhaitez ajouter style (gay).

Qu’est-ce qu’un ou plusieurs sélecteurs CSS ?

Illustration illustrée du fonctionnement du sélecteur CSS pour discuter de ce qu'est un sélecteur CSS ou un sélecteur et ses types de base
Illustration illustrée du fonctionnement du sélecteur CSS pour discuter de ce qu’est un sélecteur CSS ou un sélecteur et ses types de base

Alors, qu’est-ce que cela veut dire par sélecteur ou Sélecteurs CSS cette? Certes, comme nous l’avons expliqué ci-dessus, cela est plus communément appelé sélecteur CSS en termes globaux.

Cela fait partie de l’ensemble de règles CSS qui sélectionne réellement le contenu que vous souhaitez styliser.

CSS s’appuie sur des règles de correspondance de modèles pour déterminer quels styles s’appliquent à quels éléments d’un document.

Ces modèles sont appelés sélecteur (sélecteurs ou sélecteurs) et ils vont du nom de la balise, par exemple par exemple :

p

Ensuite, pour faire correspondre les balises de paragraphe, avec des modèles très compliqués qui correspondent à des parties très spécifiques du document, par exemple comme suit :

p #idsaya> b.highlight

Le sélecteur CSS ci-dessus correspondra à tout élément HTML qui a classer highlightet b est la balise HTML avec classer le même qui est enfant (enfant) de l’élément paragraphe <p> avec l’identifiant « idya ».

Les sélecteurs ou sélecteurs CSS font partie des appels de style CSS qui identifient quelle partie de la page Web doit être stylisée.

Le sélecteur contient une ou plusieurs propriétés qui déterminent le style du code HTML sélectionné.

Types de sélecteurs CSS de base

Afin de mieux comprendre ce qu’est un sélecteur CSS, nous devons bien sûr également savoir quels sont les types de sélecteurs de base, n’est-ce pas ?

Comme nous l’avons mentionné ci-dessus, cela fait partie de l’ensemble de règles CSS. Le sélecteur fonctionne en sélectionnant des éléments HTML basés sur « id », « class », « type », « attribute » et ainsi de suite.

Vous devez savoir, il existe plusieurs types sélecteur (sélecteur) dans Feuilles de style en cascade.

Vous trouverez ci-dessous une explication des types de sélecteurs CSS les plus élémentaires.

un. Sélecteur d’élément

Le premier type de base est sélecteur d’élémentcela sélectionnera l’élément HTML en fonction de son nom d’élément.

Vous trouverez ci-dessous un exemple de code de sélecteur d’élément, où tous les éléments <p> sera centré avec du texte bleu :

p {
  text-align: center;
  color: blue;
}

b. Sélecteur d’identifiant

Le type de base suivant est sélecteur d’identifiant. Ce sélecteur « id » ou sélecteur utilise attribut « id » de l’élément HTML pour sélectionner un élément particulier.

L’identifiant d’un élément est (devrait être) unique dans une page, utilisez donc uniquement le sélecteur de type pour sélectionner un seul élément unique !

Pour sélectionner des éléments avec un « id » spécifique, entrez le caractère dièse (#), suivi de l’id de l’élément lors de l’écriture du code CSS.

Ci-dessous un exemple de règle CSS qui applique un style à un élément HTML avec l’id « paragraph » :

#paragraf {
  text-align: center;
  color: blue;
}

c. Sélecteur de classe

La prochaine est sélecteur de classe. Sélecteurs ou sélecteurs classer cela sélectionne l’élément HTML avec attribut certaines « classes ».

Pour sélectionner un élément avec une certaine « classe », vous pouvez écrire un point (.) suivi du nom classerson.

Voici un exemple d’écriture d’un sélecteur de classe avec classer « centre »:

.center {
  text-align: center;
  color: blue;
}

Vous pouvez également spécifier que seuls les éléments HTML personnalisés ou spécifiques seront affectés par classer .center en écrivant un code comme :

p.center {
  text-align: center;
  color: blue;
}

Ensuite, dans l’exemple d’écriture des éléments de code CSS suivants <p> sera stylisé en conséquence classer « centre » et à classer « gros »:

<p class="center besar">Ini adalah paragraf dengan 2 (dua) class.</p>

ré. Sélecteur universel

Comme son nom l’indique, le type de base sélecteur universel ce sont des sélecteurs et des sélecteurs Feuilles de style en cascade qui sélectionne tous les éléments HTML d’une page Web.

Un exemple est comme les règles CSS ci-dessous :

* {
  text-align: center;
  color: blue;
}

e. Sélecteur de regroupement

Le dernier type de base est sélecteur de regroupementUne sélection de regroupement est un modèle qui sélectionne tous les éléments HTML avec la même définition de style.

Jetez un œil à l’exemple de code CSS suivant, où les éléments « h1 », « h2 » et « p » ont la même définition de style :

h1 {
  text-align: center;
  color: blue;
}

h2 {
  text-align: center;
  color: blue;
}

p {
  text-align: center;
  color: blue;
}

Le sélecteur de regroupement CSS existe pour résoudre le problème. C’est aussi un bon moyen de les regrouper, de minimiser le code.

Pour appliquer un sélecteur de regroupement, assurez-vous de séparer chaque sélecteuravec une virgule (,).

Dans l’exemple ci-dessous, nous avons regroupé sélecteur à partir du code ci-dessus :

h1, h2, p {
  text-align: center;
  color: blue;
}

Types de sélecteurs CSS (sélecteurs CSS)

Illustration d'images de différents types de sélecteurs CSS ou de sélecteurs et de sélecteurs et du format d'écriture du code |  Moyen
Illustration d’images de différents types de sélecteurs CSS ou de sélecteurs et de sélecteurs et du format d’écriture du code | Moyen

Outre l’explication du sélecteur CSS et de ses types de base ci-dessus, vous devez savoir que CSS a différents types sélecteur ce qui nécessite certainement une étude plus approfondie pour tout comprendre.

Les différents types de sélecteurs CSS sont les suivants :

  • Sélecteur de type (élément); Ce sélecteur est utilisé pour faire correspondre un élément spécifique.
  • Sélecteur de classe; Utilisé pour faire correspondre des éléments avec une certaine « classe ».
  • Sélecteur d’identifiant; Ceci est utilisé pour faire correspondre les éléments avec un « id » spécifique.
  • Sélecteur descendant; Est un sélecteur utilisé pour faire correspondre les éléments qui sont descendant (dérivé) d’un élément particulier.
  • Sélecteur enfant; Utilisé pour faire correspondre les éléments qui sont bouclier (enfant) d’un élément donné.
  • Sélecteur universel; Comme nous l’avons vu ci-dessus, il est utilisé pour faire correspondre tous (tous) les éléments.
  • Sélecteur de frères et sœurs adjacents; Il s’agit d’un sélecteur pour l’élément qui correspond immédiatement précédé de l’élément spécifié.
  • Sélecteur d’attribut; Est un sélecteur d’élément qui correspond à un attribut HTML spécifié ou à une « valeur d’attribut ».
  • Sélecteur pseudo-slass; Est un sélecteur utilisé pour sélectionner des éléments selon une « pseudo-classe » particulière.
  • Sélecteur de pseudo-éléments; Sélecteurs utilisés pour les éléments qui correspondent à une certaine propriété « pseudo-élément ».

Format d’écriture de code Style et sélecteur CSS

En plus de discuter de ce qu’est le sélecteur CSS et de ce qu’il signifie, nous expliquerons également ici le formatage CSS style et sélecteur.

Si vous avez correctement lu les types de sélecteurs CSS de base décrits ci-dessus, vous connaissez probablement leur format, où il ressemble à :

Selector {style property: style; }

Séparez les sélecteurs qui ont le même style par des virgules. C’est ce qu’on appelle un « sélecteur de groupement » ou des sélecteurs de groupement, comme ceci :

Selector1, selector2 {style property: style; }

Les sélecteurs de regroupement sont sténographie ou un mécanisme abrégé pour garder vos styles CSS plus compacts avec un minimum de code.

Le regroupement ci-dessus aura le même effet que :

selector1 {style property: style; }

selector2 {style property: style; }

Conclusion

OK, maintenant c’est assez clair, non ? Ainsi, sur la base de l’explication et de la discussion de la définition du sélecteur CSS, qu’est-ce qu’un sélecteur ou un sélecteur CSS ? Types, types et format d’écriture du code ci-dessus, nous pouvons conclure que sélecteurs, sélecteur ou Sélecteur CSS est un modèle de sélection pour déterminer quels éléments recevront un style de règle CSS, c’est-à-dire que les sélecteurs sont utilisés pour cibler la partie HTML contenue dans une page de site Web que vous souhaitez…

Source link

Laisser un commentaire