recherche

Maison  >  Questions et réponses  >  le corps du texte

css3 - Problème de priorité CSS

Continuer à dire important的优先级最高,可是下面的结果是粉色的,貌似important ne sert à rien

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>示例</title>
  <style>
  body {
    color: green !important;
  }
  
  .pink-text {
    color: pink;
  }
  </style>
</head>

<body>
  <h1 class="pink-text">Hello World!</h1>
</body>

Mais après le changement, c'est bien le plus élevé au sein de la même classe. Je pensais au départ que peu importe où il se trouve, tant que important est ajouté, il aura la priorité la plus élevée, mais le résultat n'est pas comme ça

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>示例</title>
  <style>
  .pink-text {
    color: green !important;
    color: pink;
  }
  </style>
</head>

<body>
  <h1 class="pink-text">Hello World!</h1>
</body>
迷茫迷茫2780 Il y a quelques jours793

répondre à tous(3)je répondrai

  • ringa_lee

    ringa_lee2017-05-16 13:26:45

    Votre texte est sur du texte rose. Une fois que le texte rose définit la couleur, la valeur de couleur n'est pas héritée et il n'y a rien de mal avec le corps

    répondre
    0
  • 天蓬老师

    天蓬老师2017-05-16 13:26:45

    !important cette propriété ne sera pas héritée

    C'est-à-dire que vous avez défini la couleur de la police du corps, c'est important,

    !

    Si l'élément enfant ne définit pas d'autres couleurs de police, il héritera de la couleur du corps, mais cet héritage n'a rien à voir avec !important.

    Si un élément enfant est défini sur une autre couleur de police, il sera affiché dans la couleur de police définie.

    répondre
    0
  • 世界只因有你

    世界只因有你2017-05-16 13:26:45

    Merci pour l'invitation !

    !important Ce qui a été amélioré, c'est la priorité d'application des règles de style spécifiées La clé réside dans le mot préciser, ressentez-le attentivement.

    Votre exemple précédent n'entre évidemment pas dans ce cadre.

    Un autre :

    color: green !important;
    color: pink;

    Cette façon d’écrire n’est pas valide dans IE6.

    répondre
    0
  • Annulerrépondre