下記のように類似の要素があるのですが、
backgroudの色を変えたいだけなのですが、そのために新たなclass="custom-select-trigger2"
を作成しようとしています。
また、色を変えたいためにcustom-select-trigger2に設定したことでこれがJavascriptのセレクタにも
なっているため、及ぼす影響が甚大です。。
実務上はこんなやり方をしないと思うのですが、cssにはあまり慣れていないため、実際には下記のように
実際にはcssもJSも使いまわしたいのに本の一部だけ変えたい場合にはどうしていらっしゃいますか?
よろしくお願いもうしあげます。
CSS
1 .custom-select-trigger { 2 position: relative; 3 display: block; 4 width: 200px; 5 padding: 0 22px 0 22px; 6 font-size: 15px; 7 font-weight: 200; 8 color: #585858; 9 line-height: 40px; 10 background: #fff; 11 border-radius: 2px; 12 cursor: pointer; 13 border: 0.5px solid #b1b1b1; 14 } 15 16 .custom-select-trigger2 { 17 position: relative; 18 display: block; 19 width: 200px; 20 padding: 0 22px 0 22px; 21 font-size: 15px; 22 font-weight: 200; 23 color: #585858; 24 line-height: 40px; 25 background: #bfffba; 26 border-radius: 2px; 27 cursor: pointer; 28 border: 0.5px solid #b1b1b1; 29 }
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/17 04:44