CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSで！importantルールが使用されるのはいつですか。

！importantルールは、CSSをカスケードする方法を提供します。また、常に適用されるルールも含まれています。 ！importantプロパティを持つルールは、CSSドキュメントのどこにあるかに関係なく、常に適用されます。

例

たとえば、次のスタイルシートでは、最初に適用されたスタイルプロパティが赤であっても、段落テキストは黒になります。

<style>
   <!--
      p {
         color: #ff0000;
      }
      p {
         color: #000000;
      }
   -->
</style>

例

プロパティが常に適用されるようにする場合は、！importantプロパティをタグに追加します。したがって、段落テキストを常に赤にするには、次のように記述する必要があります：

<html>
   <head>
      <style>
         p {
            color: #ff0000 !important;
         }
         p {
            color: #000000;
         }
      </style>

   </head>
   <body>
      <p>Tutorialspoint.com</p>
   </body>
</html>

  1. CSSのoutline-widthプロパティ

    overlay-widthプロパティは、要素の境界の周りに特定の太さの線を描画するように定義できますが、borderプロパティとは異なり、アウトラインは要素の寸法の一部ではありません。 構文 CSSのoutline-widthプロパティの構文は次のとおりです- Selector {    outline-width: /*value*/ } 注- アウトラインスタイルプロパティは、アウトライン幅を宣言する前に定義する必要があります。 アウトライン幅プロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <hea

  2. CSSの：n番目の子の疑似クラス

    CSS：nth-​​child（）疑似クラスは、他の要素のn番目の子要素である要素を選択します。 構文 以下は構文です- :nth-child(){    /*declarations*/ } 例 CSSの例を見てみましょう：nth-​​child（）疑似クラス- <!DOCTYPE html> <html> <head> <title>CSS :nth-child() Pseudo Class</title> <style> form {    width:70%;