클래스의 우선순위질문좀요
코이
style type=text/css
.tbl td {width:200px; border:1px solid red; text-align:center;}
.dd{text-align:left;}
/style
table class=tbl
tr
td class=dd첫번째글/td
/tr
tr
td두번째글/td
/tr
/table
여기서 첫번째글을 왼쪽정렬을 하고 싶은데
위의 소스로한번 실행해보시면 아시겠지만 .dd를 무시하고 td의 속성이 먹습니다.
저기서 또.tbl을 지우게 되면 .dd가 먹습니다
그리고당연한거지만td.dd는 잘 됩니다.
우선순위에 대해 설명좀 해주실분 계신가요?
-
한별나라
브라우저별로 조금의 차이는 있으나 동일한 레벨일 경우 \좀 더 자세히\ 쓴것이 우선순위가 높다.. 라고 인지하셔도 될것 같습니다.
그리고 이런 내용들은 검색이라던지 찾아보시면 아주아주아주 많으니 한번 찾아보세요 : ) -
키클
1. style=\\ (1000점)
2. # (100점)
3. . (10점)
4. 일반태그 (1점)
태그에다가 style 주는게 제일 우선순위가 높구요.. 순위는 위와 같아요...
위의 점수를 기준으로 예를 들면
#wrapper (100점)
#wrapper #main (200점)
#wrapper .main (110점)
#wrapper ul li (102점)
#wrapper ul.test (111점)
이 됩니다... 따라서 .tbl td (11점), .d -
민아
여러가지를 같이 사용할때, tag만 단독 사용은 1점. class만 사용하면 10점. id일 경우엔 100이라고 생각하시면 좋을것 같습니다.
.thl td = class + tag 이므로 11점
.dd = class 이므로 10점. 따라서 11점인 .thl td의 속성이 적용됩니다. -
널위해
저도 보통 코딩을 할땐 .tble td.dd로 하는데
위의 이유가 궁금하네요 -
황소눈
td.dd 로 해보심이;;;;
우선순위는 아무래도 클래스가 우선순위가 되는데
지금 스타일은 .dd 로 전체 적으로 되어있자나요 그러니 위에 td가 먼져 입혀지는 거지요
그래서 위처럼 td.dd로 하면 클래스가 먼저가 됩니다.ㅋㅋㅋㅋㅋ
하지만 클래스말고 아이디로 하시면 아이디가 우선 순위가 된답니다 ㅋㅋㅋㅋㅋㅋㅋㅋ -
꽃햇님
답변 감사합니다
그런데 저도 검색 해봤지만 id 클래스 태그 뭐 이런식의 글만 있더라구요
그리고 파폭은 나중에 쓰인것이 우선이라 알고 있엇는데 좀 특이하더라구요