回答編集履歴
1
修正
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
|
(思いついたら追記します。)
|