선택자 우선순위
HTML, CSS 2021. 1. 13. 00:17반응형
www.youtube.com/watch?v=71IQ0ZsC-Ug&list=PLv_UUi9AVBVsziY1nF_9LxA6c_oaUdQ99&index=5
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<p>Lorem ipsum dolor sit amet.</p>
<p class="center">Lorem ipsum dolor sit.</p>
<p id="center">Lorem ipsum dolor sit amet.</p>
<p class="center" id="center" style="color: orange;">Lorem ipsum dolor sit amet.</p>
</body>
</html>p {
color: red !important;
}
#center {
color: green;
}
.center {
color: blue;
}
반응형
'HTML, CSS' 카테고리의 다른 글
| CSS폰트 사이즈 단위 (고정: px, pt / 상대 %, em, rem) (0) | 2021.01.13 |
|---|---|
| 벤더 프리픽스 (vendor prefix) (0) | 2021.01.13 |
| vscode emmet (0) | 2021.01.12 |
| css강좌 : 방콕코딩캠프 (0) | 2021.01.12 |
| [CSS 기초이론] - 박스모델 Box-Model (border, margin, padding) (0) | 2021.01.12 |