Comment changer la priorité à l'aide de CSS !important-tutoriel CSS-php.cn

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

不言

Libérer： 2018-11-20 16:46:34

original

3603 Les gens l'ont consulté

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
  }

Copier après la connexion

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>

Copier après la connexion

CSS

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

Copier après la connexion

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!