CSSã®ã‚»ãƒ¬ã‚¯ã‚¿éƒ¨åˆ†(IDã‚„CLASS)ã«ãƒã‚¤ãƒ•ãƒ³ã¨ã‹ä½¿ã‚れるã®å¥½ãã˜ã‚ƒãªã„ãªãƒ¼ã€‚ボクã¯ã‚ã¾ã‚Šå¥½ãã˜ã‚ƒãªã„ãªãƒ¼ - latest log「CSS ã® ID åã‚„ CLASS åã®å˜èªžã®é€£çµã«ãƒã‚¤ãƒ•ãƒ³ã‚’使ã†ã¹ãã€ã‚ャメルケースã¨ã‹ã‚¢ãƒ³ãƒ€ãƒ¼ãƒãƒ¼ã¨ã‹ãƒ€ãƒ¡ã€çš„ãªä¸»å¼µã‚’去年ãらã„ã«ã©ã“ã‹ã§èªã‚“ã 記憶ãŒã‚ã‚‹ã®ã§ã™ãŒ(ã†ã‚ãŠã¼ãˆ)〠/* ãŸã—ã‹â€¦ ã“ã‚ŒãŒã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ */ .hoge-huga-piyo {...} /* ã“ã‚Œã¨ã‹â€¦ */ .hoge_huga_piyo {...} /* ã“ã‚Œã¯ã‚¤ã‚±ã¦ãªã„(らã—ã„) */ .hogeHugaPiyo {...} 個人的ã«ã¯ã€Œã¡ã‚‡ã£ã¨ãã‚Œ CSS ã«å¯„ã‚ŠéŽãŽã¦ã¦ã€è¦–野ã›ã¾ããªã„ã‹ãƒ¼ã€ã¨ã„ã†è€ƒãˆã‚’ã‚‚ã£ã¦ã„ãŸã®ã§ã€ã¤ã‚‰ã¤ã‚‰ã¨æ›¸ã„ã¦ã¿ã¾ã™ã€‚ E:first-child ã‚„ E[key|="value"] ãªã©ã®ãƒã‚¤ãƒ•ãƒ³ã‚’å‰æã¨ã—ãŸæ§‹æ–‡ã«é–¢ã—ã¦ã¯ã‚‚ã¡ã‚ã‚“ã‚ã‚Šã§ã™ã‚ˆã€‚ã“ã“ã§å–り上ã’ã¦ã‚‹ã®ã¯ã€å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã‚„擬似クラスセレクタã«ã¤ã„ã¦ã§ã¯ãªãã€IDセレクタ 㨠CLASSセレクタ ã«ã¤ã„ã¦ã§ã™
ç”»åƒã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’ã‹ã£ã“よã実装ã™ã‚‹ - (ﾟ∀ﾟ)o彡 sasata299's blog
CSS sprite 導入や javascript 最é©åŒ–ã§ãƒ–ãƒã‚°è¡¨ç¤ºã‚’高速化
30分ã§ã§ãã‚‹ï¼Webサイトを高速化ã™ã‚‹6大原則 (4/4)
{{#tags}}- {{label}}
{{/tags}}