回答編集履歴
2
修正
answer
CHANGED
|
@@ -27,6 +27,6 @@
|
|
|
27
27
|
```
|
|
28
28
|
また、CSS4で追加される[matches擬似クラス](https://drafts.csswg.org/selectors-4/#matches)を使用することでもう少し`querySelectorAllメソッド`に与えるセレクタを短く書くことができますが、まだ[各ブラウザが対応していない](http://caniuse.com/#feat=css-matches-pseudo)状況です。
|
|
29
29
|
```CSS
|
|
30
|
-
.parent a[href*='foo']:not([href*='baz']),.parent a[href*='bar']:not([href*='baz']){} /* matches擬似クラスを使わない場合 */
|
|
30
|
+
.parent a[href*='foo']:not([href*='baz']), .parent a[href*='bar']:not([href*='baz']){} /* matches擬似クラスを使わない場合 */
|
|
31
31
|
.parent a:matches([href*='foo'], [href*='bar']):not([href*='baz']){} /* matches擬似クラスを使う場合 */
|
|
32
32
|
```
|
1
修正
answer
CHANGED
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
<a href="text_bar_text.html">text_bar_text</a>
|
|
17
17
|
</div>
|
|
18
18
|
<script>
|
|
19
|
-
var elements = document.querySelectorAll(".parent a[href*='foo']:not([href*='baz']), a[href*='bar']:not([href*='baz'])");
|
|
19
|
+
var elements = document.querySelectorAll(".parent a[href*='foo']:not([href*='baz']),.parent a[href*='bar']:not([href*='baz'])");
|
|
20
|
-
|
|
20
|
+
|
|
21
21
|
for (var i = 0; i < elements.length; i++) {
|
|
22
22
|
elements[i].style.color = "#ff0000";
|
|
23
23
|
}
|
|
@@ -27,6 +27,6 @@
|
|
|
27
27
|
```
|
|
28
28
|
また、CSS4で追加される[matches擬似クラス](https://drafts.csswg.org/selectors-4/#matches)を使用することでもう少し`querySelectorAllメソッド`に与えるセレクタを短く書くことができますが、まだ[各ブラウザが対応していない](http://caniuse.com/#feat=css-matches-pseudo)状況です。
|
|
29
29
|
```CSS
|
|
30
|
-
.parent a[href*='foo']:not([href*='baz']), a[href*='bar']:not([href*='baz']){} /* matches擬似クラスを使わない場合 */
|
|
30
|
+
.parent a[href*='foo']:not([href*='baz']),.parent a[href*='bar']:not([href*='baz']){} /* matches擬似クラスを使わない場合 */
|
|
31
31
|
.parent a:matches([href*='foo'], [href*='bar']):not([href*='baz']){} /* matches擬似クラスを使う場合 */
|
|
32
32
|
```
|