스타일 a 위에 마우스를 올리면 a의 배경색이 노란색으로 설정됩니다.

Question

즉, a 스타일 위에 마우스를 올리면 a의 배경색이 노란색으로 설정됩니다

1

2

3

4

a:hover

{

background -color:yellow;

}

이것은 가장 일반적인 사용법입니다. a

사용법 2:

a를 사용하여 다른 블록의 스타일을 제어합니다.

a를 사용하여 하위 요소 b 제어:

1

2

3

.a:hover .b {

              background-color: 파란색

a를 사용하여 a의 형제 요소 c를 제어합니다. - 레벨 요소):

1

2

3

.a:hover + .c {

                                                                                                 사용   사용   사용   사용   사용           사용 사용           사용 ‐ ‐ off ‐ ‐ ‐ ,

a를 사용하여 a를 제어합니다. 가장 가까운 요소 d:

1

2

3

.a:hover ~ .d {

                                  > -중간 요소

2. '+'는 형제 요소(형제 요소)를 제어합니다.

예

버튼을 사용하여 상자의 이동 상태를 제어합니다. 마우스가 버튼 위로 움직이면 상자는 움직이지 않으며, 마우스가 멀어지면 상자는 계속 움직입니다

Answer 1

인접 형제 선택자(+)는 다른 요소 바로 다음에 있는 요소를 선택할 수 있으며 둘 다 동일한 상위 요소를 갖습니다.

형제 선택자(~)는 지정된 요소 뒤에 있는 모든 형제 노드를 찾을 수 있습니다.