차례:
- 브라우저에서 코드가 나타나는 방식입니다.
- 패러디 테크 및 비 테크 트위터 계정 (브라우저보기).
- 여기서
- 현대 Seinfeld Twitter 계정과 같은 목록 내의 첫 번째 앵커 태그 또는 Vinod Coleslaw Twitter 계정과 같은 두 번째 목록 항목의 스타일링에 관심이 있습니까? w3schools로 이동하십시오. com 및
비디오: 드림위버_사운드 잘못되었네요.꺼주세요) span사용,올바른 class 사용법 ... Dreamweaver) Define class, use the correct class 2024
CSS로 특정 요소의 스타일을 지정할 때 HTML 코드를 부모, 자식 및 형제가 포함 된 패밀리 트리로 시각화하는 것이 좋습니다. 다음 코드 예제에서 트리는
head
및
body
라는 두 개의 자식이있는
html
요소로 시작됩니다.
head
에는
title
라는 하위 요소가 있습니다.
본문
에는 어린이가 999,914,999,999,919,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999,999 999,999 마지막으로,
ul
요소는 자식으로
li
요소를 가지며
p
요소는 자식으로
요소를 포함합니다.
패러디 테크 트위터 계정
지루한 Elon Musk
Vinod Coleslaw
말 전자 책
패러디가 아닌 테크 트위터 계정
Lord_Voldemort7
요소 패밀리 트리 스타일 지정.
이 버전은 트리 메타포를 사용하여 코드를 묘사 한 것입니다.
패러디 테크 및 비 테크 트위터 계정 (브라우저보기).
여기에는 각 관계가 한 번 표시됩니다. 예를 들어 코드에서
요소는 세 개의
a
한 번 관계.
Bored Elon Musk는 PayPal, Tesla 및 SpaceX의 창업자 인 Elon Musk의 패러디입니다. Vinod Coleslaw는 Sun Microsystems의 공동 설립자이자 벤처 자본가 인 Vinod Khosla의 패러디입니다. 말 전자 책은 인터넷 현상이 된 스팸봇입니다.
HTML 트리는 DOM 또는 문서 객체 모델로 불린다.
하위 셀렉터
Parody Non-Tech Twitter 계정 앵커 태그는 단락 태그의 직계 하위 요소입니다. 패러디가 아닌 테크 트위터 계정의 스타일을 지정하려는 경우
하위 선택기
를 사용하면 지정된 요소의 직접 하위 항목을 선택할 수 있습니다. 자식 선택기는 먼저 부모 선택기를 나열한 다음 큰 따옴표 (>)와 마지막으로 자식 선택기를 나열하여 만들어집니다.
다음 예제에서는 단락 태그의 바로 위 자식 인 앵커 태그가 선택되고 이러한 하이퍼 링크는 빨간색 글꼴 색으로 밑줄이없는 스타일로 표시됩니다. 패러디 테크 트위터 계정은 목록 항목 태그의 직접적인 하위 항목이기 때문에 스타일이 지정되지 않았습니다.
p> a {
색: 빨간색;
}
Parody Non-Tech Twitter 계정의 스타일을 지정하는 데 사용되는 하위 선택 도구입니다.
여기서
a 선택기 만 사용하면 페이지의 모든 링크가 선택 항목이 아닌 스타일로 표시됩니다. 하위 셀렉터
Parody Tech Twitter 계정 앵커 태그는 순서가 지정되지 않은 목록의 자손 또는 위치합니다. Parody Tech Twitter 계정의 스타일을 지정하려는 경우
자손 선택기
를 사용할 수 있습니다.이 선택기는 지정된 요소의 직접 자식뿐만 아니라 지정된 요소 내에 중첩 된 모든 요소를 선택합니다. 자손 선택자는 먼저 상위 선택자, 공백 및 대상이 될 자손 선택자를 나열하여 작성됩니다.
다음 예에서 정렬되지 않은 목록의 하위 항목 인 앵커 태그가 선택되고 해당 하이퍼 링크의 스타일이 파란색 글꼴 색으로 표시되고 건너 뜁니다. Parody Non-Tech Twitter 계정은 정렬되지 않은 목록의 자손이 아니기 때문에 스타일이 지정되지 않았습니다.
ul a {
텍스트 장식: 라인 스루;
}
Parody Tech Twitter 계정의 스타일을 지정하는 데 사용되는 하위 선택 도구입니다.
현대 Seinfeld Twitter 계정과 같은 목록 내의 첫 번째 앵커 태그 또는 Vinod Coleslaw Twitter 계정과 같은 두 번째 목록 항목의 스타일링에 관심이 있습니까? w3schools로 이동하십시오. com 및
first-child 및 nth-child
선택자에 대해 자세히 알아보십시오.
