CS優先度

3898 ワード
html CSS コリン フロントエンド Web開発 テキストリンク
▶▼CSSを上書き
線の概要
  • 修正および管理が容易なコード
  • 拡張性の良いコード
  • より少ない数のコード(オプション)
    • 拡張性は

  • 今作成しているclassは他のページでも使いやすいと思いますか?

  • 今作成したclassをコピーして、より役に立つclassを作成しやすいかどうか
    • これらの要素を考えればいいです.
    ▶️ 1. 下部に同じクラス名またはスタイルを作成
      .box {
  background : red;
  }

  .box {
    background : blue;
  }
    同じクラス名でも、下部で定義されたクラス名とスタイルが優先されます.
      <link href="main.css" rel="stylesheet">
  <link href="main2.css" rel="stylesheet">
    複数のCSSファイルを添付する場合も有効です.<link>は下端に使えば使うほど、下端と書く効果が同じなのでmain.cssとmain 2.cssに同じクラス名があってもmain 2.cssのクラス名を優先的に適用します.
    ▶️ 2. id、styleなどの優先度を上げます.
    優先順位は
  • tag 
      .box {
    background : red !important;
  }

  .box {
    background : blue;
  }
  • プロパティの後ろにあります!重要なものを付与すれば,すべての優先順位を咀嚼し,その属性を優先的に適用することができる.点数で計算すると!重要なのは10000点です.
  • でも大きな力で他の力を抑えるなら、後で修正すればもっと大きな力で抑えるので根本的な解決策ではありません.なるべく使わないことをお勧めします.
  • 特にidのような造形の時は使わないでくださいフロントエンドバックエンド機能を開発している人もidをよく使うので、それと重なると面倒です.
    • ▶️ 3. 特殊性の作成(特定のスコア)
      div.container div.box {
    color : red;
  }

  div.container .box {
    color : blue;
  }
    李京宇では、下部のblue属性を除いて、上のred属性が優先的に適用されるのは、具体性が高いためだ.
    Androidプログラミングにおける些細な知識点のまとめ(3)
    peekメソッド