简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
En savoir plus sur la priorité et la spécificité du sélecteur CSS
P粉036800074
P粉036800074 2023-08-22 22:06:31
0
2
419

Je souhaite comprendre comment les sélecteurs CSS fonctionnent dans les conflits de propriétés. Comment un attribut est-il sélectionné par rapport à un autre ? 


div { couleur de fond : rouge ; } div.ma_classe { couleur de fond : noir ; } div#mon_id { couleur de fond : bleu ; } corps div { couleur de fond : vert ; } corps>div { couleur de fond : orange ; } corps>div#mon_id { couleur de fond : rose ; } 
bonjour
 

 
Comment fonctionne la priorité du sélecteur ?
P粉036800074
P粉036800074

répondre à tous (2)
P粉739706089
P粉7397060892023-08-23 20:07:38 2 plancher

Dans l'ordre, 1 est la spécificité la plus basse et 5 est la plus élevée.https://youtu.be/NqDb9GfMXuoLes détails seront affichés pour démonstration.

Comme+0
Ajouter une réponse
    P粉384244473
    P粉3842444732023-08-23 17:29:30 1 plancher

    Je vais simplement ajouter ici un lien vers la spécification CSS 2.1 elle-même et comment les navigateurs doivent calculer la spécificité :

    CSS 2.1 Section 6.4.3:

    Si spécificités sont égales,CSS 2.1 Section 6.4.1 sera utilisée:

    Veuillez noter que cela est discuté lorsque le style est défini, et non lors de son utilisation. Si l'ordre de définition des classes.a和.b的特异性相等，则在样式表中最后定义的类将获胜。

    ...

    和

    ...

    将根据.a和.best défini dans le même style.

    Comme+0
    Ajouter une réponse
      Sujets populaires
      Plus>
      Articles populaires
      Tutoriels populaires
      Plus>
      Tutoriels associés
      Recommandations populaires
      Derniers cours
      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！