カテゴリー:
画像著作権
閲覧数:546 配信日:2020-02-07 13:38
セレクタを「可能な限り短く」指定する
可能な限り、先祖セレクタを使用しない
先祖セレクタを除去する
| 具体例 | △ | 〇 | 改善内容 | 備考 |
|---|---|---|---|---|
| 1 | p.tag{ |
.entrylist-metatag-txt |
・セレクタ要素名を削除 ・class名「tag」が短くて重複する可能性があるため、より「一意な名称」へ変更 |
- |
| 2 | ul li{ |
.global-navigation-li |
・先祖セレクタを削除 ・class名をHTML階層が分かる「一意な名称」へ変更 |
- |
単位
「rem」「%」使用を推奨
比較一覧表 ／ 個人的評価 ／ 注意点
値0は常に「0」と記載
| △ | 〇 |
|---|---|
#hoge{ |
#hoge{ |
色指定
1.可能な場合は、名前付き色(Named Colors)を使用する
body{
color:blue;
}2.可能であれば、3文字の色コードを使用する
〇
body{
color:#fff;
}△
body{
color:#ffffff;
}3.値は小文字で記述する
〇
body{
color:blue;
}body{
color:#fff;
}△
body{
color:BLUE;
}body{
color:#FFF;
}・CSS 「id」「class」名 に関する調査履歴 1
・CSS の class名 と id名 を、全プロジェクトで意識的に統一しようかと