엘리먼트에서 지정 - 클래스에서 지정 무시되는 현상?
세이
안녕하세요. 사이트 가입하고 처음 쓰네요.
기초적인 질문인것 같아서 부끄럽지만 도움 부탁드려요.
아직 CSS에 익숙하지 못해서, 페이지 레이아웃 잡는것을 거의 테이블로 하고 있습니다.
페이지에 표시될 td 들의 높이값이전부 18픽셀이라서, CSS파일에 td {height:18px; }로 지정한담에
개별 클래스에서 색깔이나 보더 같은것을 지정하고 했는데요.
5픽셀 높이의 td를 만들려고 하는데 이게 도무지 되지를 않더군요. 원인을 찾다 찾다 못해서,
5픽셀 필요한 테이블만 다른 페이지로 따로 빼서 봤더니 잘 만들어지더군요.
그래서 처음 만들었던 페이지를 다시 보니까 td 엘리먼트에 높이를 지정한게 그제서야 눈에 들어왔습니다.
td {height:18px; }
td.memberinfo_top {background-color:#f9fbfd; border-top: 1px solid #ccd3e6; width:790px; height:5px;}
제 생각으로는, 비록 엘리먼트에서 18픽셀 높이를 정해줬지만 클래스에서 다시 5픽셀로 정해줬으니
5픽셀값이 우선권을 가져야 된다고 보는데.. 제가 잘못 생각하고 있는걸까요?
개별 클래스에 일일히 다 높이를 지정하려면 번거로운 것은 둘째치고, 코드가 너무 길어져서 저같은
초보자는 뭔가 문제가 생겼을때 찾기도 어려운데;;
답변 부탁드립니다, 감사합니다.
-
태양
5px !important; 로 강제로 주는방법이 있어요.
-
츠키
수다님 말씀이 맞네요. ... 죄송합니다.;
다른상황이랑 착각했네요.; -
서리서리
그런거였군요. 그럼 엘리먼트에 속성을 지정하는 것은 가급적 피해야겠네요.. 답변감사합니다.
-
바로찬글
그런 방법이 있었군요... 하지만 제가 궁금한것은 엘리먼트에서 지정된 속성을 클래스에서 다시 지정할 경우 클래스에서 지정한 것이 무시되는 현상이 의도된 것인지 입니다 ㅠ
-
윤슬이뿌잉
td.memberinfo_top 이놈이 우선순위가 더 높을텐데요
그리고 td height가 줄어들지 않는 이유는 td안에 이미 5px 이상의 높이를 가진 엘리멘트가 있기 때문일수 있습니다.(text 포함 입니다.)