일반적인 기본 선택기에는 "요소 선택기", "클래스 선택기", "ID 선택기", "속성 선택기" 및 "의사 클래스 선택기"가 포함됩니다. 1. 요소 선택기, 요소 이름으로 선택 요소 2. 클래스 선택기, 선택; 3. ID 선택기는 요소의 고유 식별 ID로 요소를 선택합니다. 4. 속성 선택기는 요소의 속성 값으로 요소를 선택합니다. 5. 의사 클래스 선택기는 상태 또는 위치에 따라 요소를 선택합니다.
이 튜토리얼의 운영 체제: Windows 10 시스템, Dell G3 컴퓨터.
일반적인 기본 선택기에는 다음이 포함됩니다.
p { color: blue; }
위의 예에서는 모든
요소가 선택되고 텍스트 색상이 파란색으로 설정됩니다.
.myClass { font-weight: bold; }
위의 예에서는 class="myClass"인 모든 요소가 선택되고 글꼴이 굵게 표시됩니다.
#myElement { background-color: yellow; }
위의 예에서는 id="myElement"인 요소가 선택되고 배경색은 노란색으로 설정됩니다.
input[type="text"] { border: 1px solid gray; }
위의 예에서는 type 속성 값이 "text"인 모든 요소가 선택되고 테두리 스타일이 설정됩니다.
a:hover { color: red; }
위의 예에서 요소 위에 마우스를 올리면 텍스트 색상이 빨간색으로 변경됩니다.
다양한 요소를 선택하고 스타일을 적용할 수 있는 기본 선택기입니다. 이러한 선택기를 개별적으로 또는 조합하여 사용하여 대상 요소를 보다 정확하게 선택할 수 있습니다.
위 내용은 일반적인 기본 선택자는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!