最近のCSSの考え方や、BEMを少し取り入れたコーディングをしているのですが、
下記のようにトップページのヘッダーのクラス名をつけました。
下記はすべてのページで共通する、要素なのですが、そうするとこのように共通する部分に同じCSSを当てたいと思った時、現場ではどうしているでしょうか?
<header class="top-header" role="banner">ひとつのプロパティすべてのページ分のセレクタをカンマで指定するのでしょうか?
要素をユニークなクラス名にすると、セレクタがカンマでとんでもない数になるのですが、
問題ないのでしょうか?
それともさほど上記の考えは現場ではなされていないでしょうか?
実際のソースがないとわかりにくいと思いますので、追加します。
・top
<header class="top-header" role="banner"> <h1 class="top-header__top-primary-heading">(WEBサイト制作)を行っています。</h1> <ul class="top-header__address" role="address"> <li><a href="tel:08011111111">TEL</a></li> <li><a href="mailto:info@a.com">info@a.com</a></li> </ul> </header>・blog
<header class="blog-header" role="banner"> <h1 class="top-header__top-primary-heading">(WEBサイト制作)を行っています。</h1> <ul class="top-header__address" role="address"> <li><a href="tel:08011111111">TEL</a></li> <li><a href="mailto:info@a.com">info@a.com</a></li> </ul> </header>・CSS
blog-header,top-header,top-header,~ {
}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/08/03 15:26