できるだけクラス名をつけて、子孫セレクタを使わないようにするのが今のCSS設計ですが、
下記のホバーの共通部分などもすべて、マルチクラスにしますか?
クラス名が三つくらいになってしまうので、現場ではそのようなマルチクラスが三つになったり、あまりに適応する要素が多いホバー時のアクションなどの場合は、モジュール化して他で利用できないとしても、子孫セレクタを使いますか?
/* mousepointer-finger,hover-opacey */ .animation-hover,.main__top-gnav a { transition-duration: 1s; transition-property: all; } .action-hover:hover,.main__top-gnav a:hover { cursor:pointer; opacity: 0.5; }
また、クラス名をふって子孫セレクタを使わないと下記のようになる場合がありますが、
これは子孫セレクタを使ったほうが、現場では良いでしょうか?
妥協点が見えません
.top-gnav__top-ul li a,.top-gnav__top-ul li:first-child,.top-gnav__link-sixth__goto-other-page,.top-gnav__top-ul--link-text { color: #00bbff; }
あなたの回答
tips
プレビュー