├── main.css
└── index.html
/main.css:
--------------------------------------------------------------------------------
1 | .akaiito {
2 | display: inline;
3 | }
4 |
5 | .akaiito:hover .akari {
6 | color: red;
7 | }
8 |
9 | .kite,
10 | .akari {
11 | display: inline-block;
12 | cursor: pointer;
13 | }
14 |
15 | .akaiito .akari:hover {
16 | color: inherit;
17 | }
18 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 見えない赤い糸
6 |
7 |
8 |
9 |
10 |
カイト
11 |
12 |
アカリ
13 |