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

回答編集履歴

1

コメントを受けて

2018/10/01 00:12

投稿

Takamoso
Takamoso

スコア248

answer CHANGED
@@ -2,7 +2,7 @@
2
2
  section {
3
3
  position:relative;
4
4
  }
5
- .css-box { /* クラスなのでドットをつける */
5
+ .css-box {
6
6
  position: absolute;
7
7
  width: 240px;
8
8
  height: 240px;
@@ -18,7 +18,9 @@
18
18
  display: block;
19
19
  transition: all 0.2s;
20
20
  }
21
- a:hover{ /* a:hoverの間にスペースを空けない */
21
+ a:hover, a:hover .css-box {
22
22
  opacity: 0.5;
23
23
  }
24
- ```
24
+ ```
25
+
26
+ `.css-box` が絶対配置になっているので、そこの部分も個別に指定するとよいです。