일반적인 기본 선택자는 무엇입니까?

일반적인 기본 선택기에는 "요소 선택기", "클래스 선택기", "ID 선택기", "속성 선택기" 및 "의사 클래스 선택기"가 포함됩니다. 1. 요소 선택기, 요소 이름으로 선택 요소 2. 클래스 선택기, 선택; 3. ID 선택기는 요소의 고유 식별 ID로 요소를 선택합니다. 4. 속성 선택기는 요소의 속성 값으로 요소를 선택합니다. 5. 의사 클래스 선택기는 상태 또는 위치에 따라 요소를 선택합니다.

이 튜토리얼의 운영 체제: Windows 10 시스템, Dell G3 컴퓨터.

일반적인 기본 선택기에는 다음이 포함됩니다.

1. 요소 선택기: 요소 이름으로 요소를 선택합니다.

p {
  color: blue;
}

위의 예에서는 모든

요소가 선택되고 텍스트 색상이 파란색으로 설정됩니다.

2. 클래스 선택기: 클래스 이름으로 요소를 선택합니다.

.myClass {
  font-weight: bold;
}

위의 예에서는 class="myClass"인 모든 요소가 선택되고 글꼴이 굵게 표시됩니다.

3. ID 선택기: 고유 ID로 요소를 선택합니다.

#myElement {
  background-color: yellow;
}

위의 예에서는 id="myElement"인 요소가 선택되고 배경색은 노란색으로 설정됩니다.

4. 속성 선택기: 속성 값으로 요소를 선택합니다.

input[type="text"] {
  border: 1px solid gray;
}

위의 예에서는 type 속성 값이 "text"인 모든 요소가 선택되고 테두리 스타일이 설정됩니다.

5. 의사 클래스 선택기: 상태나 위치에 따라 요소를 선택합니다.

a:hover {
  color: red;
}

위의 예에서 요소 위에 마우스를 올리면 텍스트 색상이 빨간색으로 변경됩니다.