優先順位

Posted by muchag | CSS |
初回投稿:2015-02-11 (水) 13:50:44 | 最終更新:2015-02-11 (水) 13:50:44


計算式を発見!

優先順位
記述場所

タグの Style 属性 > .html ファイルに直書きの CSS > 外部 CSS ファイル

指定はどんどん上書きされていくから
要は、読み込む順序の問題である。
 

固有度

また、アプローチの仕方が異なって被る指定があった場合は
より固有度の高い指定が優先される。

id > class > タグ

  1. <div id="hoge" class="moge">無茶な爺!</div>
  1. div {
  2.     color: #ff0000;
  3. }
  4.  
  5. #hoge {
  6.     color: #00ff00;
  7. }
  8.  
  9. .moge {
  10.     color: #0000ff;
  11. }

この場合、「無茶な爺!」という文字は、緑文字になる。
 

計算式

という風にザックリとイメージをしていたけど、計算式なるものを発見したので、メモ。
Qiita:CSSセレクタの優先順位の計算方法

Posted by muchag | CSS |
初回投稿:2015-02-11 (水) 13:50:44 | 最終更新:2015-02-11 (水) 13:50:44

CSS Index

Posted by muchag | CSS |
初回投稿:2015-02-11 (水) 13:28:53 | 最終更新:2021-06-09 (水) 14:55:55


CSS も、色々と奥が深い。
ましてや、CSS3 が出てからはわけわけらんチーン。。。 🙄

丸っきりの書きかけ項目は Not found になる。

基本
プロパティ
擬似クラス

 

Tips
未分類

 

参考

w3c:Cascading Style Sheets
w3c:日本語訳ページ
MITSUE-LINKS:Web標準仕様 日本語訳一覧:CSS
MDN:CSS

その他各参考サイトについては、各エントリーにて。

Posted by muchag | CSS |
初回投稿:2015-02-11 (水) 13:28:53 | 最終更新:2021-06-09 (水) 14:55:55

CSS のみでドロップダウンナビ

Posted by muchag | CSS |
初回投稿:2011-06-12 (日) 16:00:39 | 最終更新:2011-06-12 (日) 16:00:39

<参考元サイト>
バシャログ。:CSSで実現するプルダウンメニュー

Posted by muchag | CSS |
初回投稿:2011-06-12 (日) 16:00:39 | 最終更新:2011-06-12 (日) 16:00:39

CSS 拡張

Posted by muchag | CSS |
初回投稿:2011-06-02 (木) 13:24:37 | 最終更新:2011-06-07 (火) 3:53:58

CSS はメタ言語によって拡張できるらしい。

代表的なものとして

  • SCSS(Sass)
  • LESS

があるようだ。

詳細は参考元サイト参照。
 
参考元サイト:(DxD)∞ CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較

Posted by muchag | CSS |
初回投稿:2011-06-02 (木) 13:24:37 | 最終更新:2011-06-07 (火) 3:53:58

スクロールに合わせて移動

Posted by muchag | CSS |
初回投稿:2011-05-31 (火) 20:54:53 | 最終更新:2011-06-09 (木) 14:20:06