※改良されました(2014/12/5) 巷で噂のBEM記法についてです。 BEMで書かれたクラスを始めて見た時に壮大な嫌悪感を感じたこともありますが、今ではなんやかんやで使いまくってるBEM。きっとそんな方が他にもいるはず。 BEMを使っているうちにセレクタのネストが嫌いになって、そのおかげでネストによるCSS優先度が引き起こす意図せぬスタイルのオーバーライドというしがらみから逃れられたり、CSSを修正したいHTMLの要素のクラスを見るだけでCSSのどこをいじればいいかが分かったりだとか、BEMの恩恵にありがたくも授かりながらも、なんでハイフンやらアンダーバーを2つもつなげなければいけないのか、他に方法はなかったのか、いや、あったはずだ!という思いを拭いきれない私は、個人的な開発ではBEMを改良して試行錯誤し、ベストな記法が見つけようという思惑にかられているのです。 ということで最近使い始
![BEM記法を自分なりに改良したいという思惑 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5b80290316c507e6f01ec5beb68a68796e508c0/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-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9QkVNJUU4JUE4JTk4JUU2JUIzJTk1JUUzJTgyJTkyJUU4JTg3JUFBJUU1JTg4JTg2JUUzJTgxJUFBJUUzJTgyJThBJUUzJTgxJUFCJUU2JTk0JUI5JUU4JTg5JUFGJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JUUzJTgxJUE4JUUzJTgxJTg0JUUzJTgxJTg2JUU2JTgwJTlEJUU2JTgzJTkxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jZDYzNjYxYTFjYzkwNDhlZjQ2YTg1ODRlODU5ZWJkNg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtb3ppc2FuJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05Y2ZhMDYxYTBjNjlhYWM2N2UwYzFmNzRjZWMxMzc2NA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D5ea03d57545a47e1794d65ed69e08900)