質問編集履歴

2

修正

2021/02/17 13:09

投稿

tetro
tetro

スコア8

test CHANGED
File without changes
test CHANGED
@@ -17,3 +17,37 @@
17
17
  }
18
18
 
19
19
  ```
20
+
21
+
22
+
23
+ ```HTML
24
+
25
+ <div class="chat-line__message" data-a-target="chat-line-message" data-test-selector="chat-line-message" tabindex="0">
26
+
27
+ <div class="tw-relative">
28
+
29
+ <div data-test-selector="chat-message-highlight" class="chat-line__message-highlight tw-absolute tw-border-radius-medium"></div>
30
+
31
+ <div class="chat-line__message-container tw-relative">
32
+
33
+ <div class="">
34
+
35
+ <div class="chat-line__no-background tw-inline">
36
+
37
+ <div class="chat-line__username-container tw-inline-block"><span></span><span class="chat-line__username" role="button" tabindex="0"><span><span class="chat-author__display-name" data-a-target="chat-message-username" data-a-user="trtr326" data-test-selector="message-username" style="color: rgb(138, 43, 226);">aaa</span></span>
38
+
39
+ </span>
40
+
41
+ </div><span aria-hidden="true" data-test-selector="chat-message-separator">: </span><span class="text-fragment" data-a-target="chat-message-text">aaa</span></div>
42
+
43
+ </div>
44
+
45
+ </div>
46
+
47
+ <div class="chat-line__reply-icon tw-absolute tw-border-radius-medium tw-c-background-base tw-elevation-1"><button class="ScCoreButton-sc-1qn4ixc-0 gqSiKD tw-button-icon tw-core-button" aria-label="クリックして返信" data-test-selector="chat-reply-button"><span class="tw-button-icon__icon"><div style="width: 2rem; height: 2rem;"><div class="ScIconLayout-sc-1bgeryd-0 kbOjdP tw-icon"><div class="ScAspectRatio-sc-1sw3lwy-1 dNNaBC tw-aspect"><div class="ScAspectSpacer-sc-1sw3lwy-0 gkBhyN"></div><svg width="100%" height="100%" version="1.1" viewBox="0 0 20 20" x="0px" y="0px" class="ScIconSVG-sc-1bgeryd-1 cMQeyU"><path d="M8.5 5.5L7 4L2 9L7 14L8.5 12.5L6 10H10C12.2091 10 14 11.7909 14 14V16H16V14C16 10.6863 13.3137 8 10 8H6L8.5 5.5Z"></path></svg></div></div></div></span></button></div>
48
+
49
+ </div>
50
+
51
+ </div>
52
+
53
+ ```

1

文章の追加

2021/02/17 13:09

投稿

tetro
tetro

スコア8

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ### おこっていること
2
2
 
3
- 下記コードで偶数の要素にcssを適用させたいのですが、指定クラスの下にいくつかdivの子要素があるため、親要素には反映されていないのですが子要素には反映されてしまいます。(伝わりにくかったらすみません)
3
+ 下記コードで偶数の要素にcssを適用させたいのですが、指定クラスの下にいくつかdivの子要素があるため、親要素(testがあるdiv)には反映されていないのですが子要素には反映されてしまいます。(伝わりにくかったらすみません)
4
4
 
5
5
  notも試してみたのですが、今度は偶数要素に反映されなかったりでうまくいきません。
6
6