タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

CSS 詳細度に関するo_tiのブックマーク (2)

  • バキュラとCSS詳細度 - 不動産屋のラノベ読み

    こちらを読んで。 256個の.classを並べると#idを上書きできるらしい… | IDEA*IDEA バキュラかよw MIZ 2012/08/16  ↑私もそう思いました(w そりゃそうでしょ、同様に #id を山ほど並べると !important とか直接の style タグの指定より優先させられるはずだよ(仕様上) VoQn css 2012/08/16  ↑私もそう思いましたけど、こちらはちょっと違うんです。 ↓こちらのように、ひとことで言うと、一意セレクタの壁は256発で壊れるけど、!important(やユーザースタイル)の壁は256発でも壊れないんです。 http://jsfiddle.net/HxDFr/ 困った時の CSS Dencitie 最初あの記事を読んだ時に「あれ?10発で壊れるんじゃなかったっけ?」と思いました。 というのも、いつもお世話になってるCSSまとめサ

  • CSSの詳細度を雑に上書きする - sys9kdr’s diary

    CSSの詳細度 詳細度はCSSをメンテナンス・スケールさせるうえでもっともトラブルを生む要因となりうるものの1つです。詳細度を意識せず、適切にCSSを設計しないと、新しくルールセットを作成しても意図したように変更が反映されない、あるいは意図しないところに変更が反映されてしまう問題が生じます。これらの問題は多くの場合、HTML/CSSの書き直しで修正できますが、その場しのぎの修正はより事態を複雑にしメンテナンスコストを高めます。 この記事ではCSSの詳細度(Specificity)、詳細度問題への事前・事後の対処方法について紹介することでよりよい詳細度ライフを皆さんに送っていただくことを目標とします。 CSSはどう適用されるのか CSSでは最も詳細度が高く、一番後ろにあるルールセットをもとに、ある要素のプロパティと値が決まります。 詳細度の算出については後述しますがidよりclassが強いこ

    CSSの詳細度を雑に上書きする - sys9kdr’s diary
  • 1