recherche

Maison >interface Web >tutoriel CSS >Comment changer la priorité à l'aide de CSS !important

Comment changer la priorité à l'aide de CSS !important

不言
不言original
2018-11-20 16:46:343602parcourir

Cet article vous expliquera comment modifier la priorité de !important à l'aide de CSS. Habituellement, CSS peut utiliser les styles CSS selon l'ordre ci-dessus. CSS a plusieurs façons de déterminer la priorité, mais celle avec la priorité la plus élevée est. us Ce que cet article veut dire est !important.

Regardons directement un exemple

p { 
  color：＃d9534f！important; // red; 
  color：＃5bc0de; // lightblue
  }

Habituellement, les règles CSS qui sont appliquées en premier sont généralement le sélecteur d'identifiant ou le sélecteur de classe. De plus, le sélecteur "id". remplacera le sélecteur "classe".

CSS appliquera préférentiellement les styles proches de la balise ou les styles lus plus tard, mais mots-clés donnés ! Les styles importants auront la plus haute priorité.

! L'utilisation de l'important est qu'il peut être utilisé sur une feuille de style définie par l'utilisateur. Si vous souhaitez utiliser une feuille de style CSS définie sur le Web, vous pouvez utiliser une feuille de style définie par l'utilisateur.

Mettons-le en pratique ! important

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="sample.css">
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
  </head>
  <body>
    <p>显示什么颜色？</p>
  </body>
</html>

CSS

p{
  color: #d9534f !important; //red;
  color: #5bc0de; //blue
}

L'effet d'affichage sur le navigateur est le suivant :

Comment changer la priorité à laide de CSS !important

Si "!important" n'est pas utilisé, l'effet d'affichage est le suivant.

Comment changer la priorité à laide de CSS !important


Pour savoir quand l'utiliser ! important, vous pouvez l'utiliser lorsque vous ne souhaitez en aucun cas modifier le style ou lorsque vous essayez d'utiliser une feuille de style définie par l'utilisateur.

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!

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
Article précédent：Qu'est-ce que l'attribut pointer-events ? Explication détaillée de l'attribut pointer-eventsArticle suivant：Qu'est-ce que l'attribut pointer-events ? Explication détaillée de l'attribut pointer-events

Articles Liés

Voir plus