반응형
스타일시트를 중복적용 하게되는 경우에 어떤 어디서 정의된 스타일시트가
먼저 적용이 되는가에 대해 알아보겠습니다.
style속성 > id속성 > class속성 > (style태그>link태그)-->먼저 적용이 되는가에 대해 알아보겠습니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
div { color:Green; }
.yellow {color:Blue;}
#redText {color:Red;}
</style>
<link rel="Stylesheet" type="text/css" href="02.StyleSheet.css" />
</head>
<body>
<div class="yellow" id="redText" style="color:Teal;">
안녕하세요.
</div>
</body>
</html>
굵은 글씨로 작성된것을 지우고 하나씩 입력해 보세요.
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
08.CSS - 중첩태그 (0) | 2009.07.28 |
---|---|
07.CSS - 중첩클래스 (0) | 2009.07.28 |
05.CSS - 아이디 (0) | 2009.07.27 |
04.CSS - 점클래스 (0) | 2009.07.27 |
03.CSS - 태그에 직접 적용 (0) | 2009.07.27 |
Comments