css 요소 선택자는 html 요소를 지정해서 css를 적용시킬 수 있습니다. 요소를 하나 지정하거나 콤마를 사용하여 여러 개를 지정할 수 있습니다.
사용법
html 요소 {
style
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
h1 {
background-color: red;
}
h2,
h3 {
background-color: blue;
}
</style>
</head>
<body>
<h1>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos
expedita illum perferendis aperiam omnis quidem alias at doloribus vero
asperiores, odio quas accusamus, nulla pariatur esse reiciendis quod neque
placeat.
</h1>
<h1>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat labore
ducimus sunt. Libero, dicta magnam sit accusamus, aspernatur mollitia fuga
deserunt quibusdam totam esse facilis. Voluptate iure eaque eligendi
quisquam.
</h1>
<h2>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo, harum
numquam. Alias cumque distinctio delectus, odit placeat quam maxime modi,
dolorum libero deserunt cum. At, consequuntur. Dolor vero minima officia.
</h2>
<h3>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit
rerum voluptatibus pariatur vel, beatae mollitia. Dignissimos modi quae
quidem voluptates consequuntur est laboriosam. Ab animi accusamus quod
laboriosam magnam dolores.
</h3>
</body>
</html>
'IT > css' 카테고리의 다른 글
| css class 선택자 (0) | 2023.03.15 |
|---|---|
| css id 선택자 (0) | 2023.03.14 |
| css 전체 선택자 (0) | 2023.03.14 |
| css 배경색 변경 (0) | 2023.03.06 |
| css 글자색 변경 (0) | 2023.03.05 |
댓글