css 작업시 엘리먼트 경로?? 질문올릴게요..
딥와인
2023.04.01
css작업시..
예를 들자면div id=test
div class=one_testtest/div
ul
li1/li
li1/li
li1/li
/ul
table class=table
tr
th2/th
td2/td
/tr
/table
/div
#test 안에 .one_test 와 ul , 그리고 table 이 있자나요
여기서 table td 에 border를 주고 싶다면
#test .table td{border:1px solid 컬러;}
런식으로 주는데~~
여기서..
#test 와 .table 을 붙여서 쓰는건 어떤 뜻인가요??
#test.table td{border:1px solid 컬러;}
그리고 또
#test.table tr td {css 들어갑니다.
이거는 어떤 뜻인가요?
두 형식이 어떤 상황에서 쓰이는지 쉽게 설명해주심 감사하겠습니다.
-
초코초코해
2의 경우는 딱 보면 아실테고.ㅎㅎㅎ
1의 경우는 css 우선순위를 높이는 거죠
예를들면
#test{font-size:14px;} 2
.table{font-size:14px;} 3
#test.table{font-size:14px;} 1
의 순서대로 위치와 상관없이 우선적용됩니다.