CSS에서 클래스 선택기는 E 요소의 모든 첫 번째 수준 하위 요소 F를 일치시키는 데 사용되는 "E > F" 값입니다. 하위 클래스 선택기는 상위 요소의 직계 자손만 참조합니다. 아시다시피 1세대 하위 요소에만 영향을 미치려면 ">"를 통해 선택하세요. 이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터. 추천: css 비디오 튜토리얼 하위 클래스 선택기 선택한 요소 아래의 하위 클래스는 > 기호로 표시됩니다. 구문 설명 하위 선택기가 보다 큼 기호(부접속 기호)를 사용한다는 점을 알아차렸어야 합니다. 부접속 기호 양쪽에 공백 문자가 있을 수 있으며 이는 선택사항입니다. 따라서 다음과 같이 작성해도 문제가 없습니다. h1 > strong h1> strong h1 >strong h1>strong오른쪽에서 왼쪽으로 읽으면 h1 > Strong 선택자는 "h1 요소의 하위 요소인 모든 Strong 요소를 선택"으로 해석할 수 있습니다. 예: 衣服 T恤 衬衣 短袖 裤子 牛仔裤 休闲裤 七分裤 스타일이 없습니다. 스타일이 없습니다. $(function () { $(".clothes>li").css("border","1px solid red"); }); 브라우저에 효과가 표시됩니다. 그림과 같이 1세대 하위 카테고리인 li(의류, 바지)에만 빨간색 테두리가 있고 티셔츠, 청바지 등과 같은 다른 카테고리에는 테두리가 없음을 알 수 있습니다. 스타일. 더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !
