css 테이블에서 부모의 속성을 끊는 방법
무리한
2023.04.01
css에서 부모의 속성을 끊고 자체의 속성만 갖게 하는 방법이 없을까요??
문제는 테이블 안에 테이블이 존재하는데.
부모의 속성을 받아서 제대로 나오고 있지 않아서요..ㅜ_ㅜ
하위 테이블에 clear:both를 줘도 그대로 유지가 되네요..ㅜ_ㅜ
도와주세요~
-
모이
모든 속성에는 디폴트속성을 가지고 있으니, 귀찮으셔도 상속받으면 안되는 속성을 디폴트로 새로 지정하셔야합니다.
-
유희
부모 table에 걸려있는 css를 자식 table에서 모두 초기화 시켜주면 됩니다.
가령 부모 요소에
table { float:left; width:300px; margin:10px; padding:10px; border:1px solid red; }
이런 스타일이 걸려있다면 그 자식요소에선 상속 받아야 하는 스타일은 놔두고 받지 말아야 할 스타일은 초기화 시켜줍니다.
table table { float:none; width:auto; border -
민트맛사탕
속성이 상속되는것을 고려해서 css를 사용하시는건 어떠실지요?
아니면.. !important란 녀석이 있긴하지만 이녀석은 우선순위가 최상위가 되서...;;
clear:both 말씀을 하시는거로 봐서.. float해제가 잘 되셔서 그러시는건가...요?
소스가 있으면 좋겠네요~ -
봄바람
클래스를 주셔서 따로 따로 속성을 주시면 될 것 같은데요