とかのアレ(hoge部分)です。 この投稿は HTMLやCSSは書けるけれど、使いこなすためにもう一歩勉強したい classの命名にいつも迷う 現場で使われている技術や知識を身に付けたい こんな人を対象に書いた、初学者向けの投稿です。 CSSの設計とBEMの非常に初歩的なところを解説していきたいと思います。 CSS設計の初歩的なところを考えてみる classの命名っていうけどidじゃだめなの? Qiitaを覗いてるみなさんには当たり前のことかもしれませんが、一応このあたりから書いていきたいと思います。 HTMLおよびCSSにはclassとidの2種類の名前の付け方がありまして、その名前が一致するものを紐づけてスタイルを書いていきます。 classとidの違いは、ページ内に複数存在できる(class)かできない(id)かです。 なので、正直idだけでページを作ることも可能です。が、一般的には
![【初学者向け】HTML/CSSでのclassの命名を考える 〜CSS設計(BEM)を学んでみよう〜 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/540efd5e153f716fc39dd2f92e6429987ccbce70/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwJUU1JTg4JTlEJUU1JUFEJUE2JUU4JTgwJTg1JUU1JTkwJTkxJUUzJTgxJTkxJUUzJTgwJTkxSFRNTCUyRkNTUyVFMyU4MSVBNyVFMyU4MSVBRWNsYXNzJUUzJTgxJUFFJUU1JTkxJUJEJUU1JTkwJThEJUUzJTgyJTkyJUU4JTgwJTgzJUUzJTgxJTg4JUUzJTgyJThCJUUzJTgwJTgwJUUzJTgwJTlDQ1NTJUU4JUE4JUFEJUU4JUE4JTg4JUVGJUJDJTg4QkVNJUVGJUJDJTg5JUUzJTgyJTkyJUU1JUFEJUE2JUUzJTgyJTkzJUUzJTgxJUE3JUUzJTgxJUJGJUUzJTgyJTg4JUUzJTgxJTg2JUUzJTgwJTlDJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xZmQ4MGNlZWNiZDIwN2ZjYzYxM2RhNTk1MDZkNmVhNg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbmFuYXJ5YSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzkyZGRlMDk2M2U1OTU4MTBmYWQ0MjY0M2MwNzg0YWM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Db19ff82b9dadbc6cbb1025bd5e978274)