teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

修正

2020/04/07 11:52

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -1,10 +1,29 @@
1
1
  シンプルな形で実現する方法は、思いつかないです。
2
2
 
3
3
  ```CSS
4
- [class*="wrap-0"]:not(.wrap-01):not(.wrap-02):not(.wrap-03):not(.wrap-05):not(.wrap-06):not(.wrap-07):not(.wrap-09) label{
4
+ [class*="wrap-0"]:not(.wrap-01):not(.wrap-02):not(.wrap-03):not(.wrap-05):not(.wrap-06):not(.wrap-07):not(.wrap-09) label {
5
5
  background-color:red;
6
6
  }
7
7
  ```
8
8
 
9
+ ```CSS
10
+ [class*="wrap-0"] label {
11
+ background-color: red;
12
+ }
13
+ [class*="wrap-0"]:not([class*="wrap-04"]):not([class*="wrap-08"]) label {
14
+ background-color: transparent;
15
+ }
16
+ ```
17
+
18
+ ```CSS
19
+ // シンプルにしたい、という意図ならSass (SCSS) だと、以下のような記述もできると思います。
20
+ .wrap-04,
21
+ .wrap-08 {
22
+ label {
23
+ background-color: red;
24
+ }
25
+ }
26
+ ```
27
+
9
28
  CSSで「or」的な指定をするときは、「,」で区切るのが一般なので..
10
29
  (思いついたら追記します。)