- CSS - css적용 우선순위 목차
import.css 외부 css <p>태그 css 적용
p
{
font-size:1px;
color:purple;
font-size:italic;
}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
--임베디드방식--
@import url("style/import.css");
p{font-size:100pt; color:black;}
</style>
</head>
<body>
<div>
<h1>스타일 적용의 우선순위 규칙</h1>
<hr>
</div>
<p style="color : orange;">이런 경우라면 .. 나는 ...어떻게 표현되어야 할까</p>
--color는 orange를 영향받고 -> 임베디드방식인 fontsize:100적용이되며
--외부 import.css파일안의 코드중 color와 size는 무시되고 font-style만 적용이된다
</body>
</html>p태그의 css를 여러가지 방법으로 선언 하였다.
우선순위가 높은 것은 가장가까운 태그가 우선순위가 제일 높다.
'Web(국비) > HTML & CSS' 카테고리의 다른 글
| CSS - 상속성 (0) | 2019.10.16 |
|---|---|
| CSS -외부css파일 import하여 적용시키기 (4) (0) | 2019.10.16 |
| CSS - 국비 외부 스타일 가져오기 (3) (0) | 2019.10.16 |
| HTML - 국비 자식,자손 선택자 css (0) | 2019.10.16 |
| HTML - 국비 id선택자 css활용 (0) | 2019.10.16 |
