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

CSSの使用法！重要なルール

！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. cube-bezier（）CSS関数の使用

    キュービックベジェ曲線を定義するには、cubic-bezier（）関数を使用します。次のコードを実行して、cubic-bezier（）関数を実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 100px;       &nbs

  2. repeat-radial-gradient（）CSS関数の使用

    放射状グラデーションを繰り返すには、repeating-radial-gradient（）関数を使用します。 例 次のコードを実行して、CSSでrepating-radial-gradient（）関数を実装してみてください- <!DOCTYPE html> <html>    <head>       <style>          #demo {             height