태그 선택자
: 태그 그 자체를 선택
<!DOCTYPE html>
<html>
<head>
<style>
li {
color: red;
text-decoration: underline;
}
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li id="select">CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>
웹페이지의 모든 li태그에 색상 적용
id 선택자
: 특정 id의 속성 값이 있는 태그에 적용
: #을 앞에 붙여 id임을 인식하게 한다.
<!DOCTYPE html>
<html>
<head>
<style>
li {
color: red;
text-decoration: underline;
}
#select {
font-size: 50px;
}
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li id="select">CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>
웹페이지에있는 id 속성값에 select인 태그에 적용한다.
'html & css > 개념' 카테고리의 다른 글
| Background 스타일링 (0) | 2023.11.18 |
|---|---|
| 부모 자식 선택자 (0) | 2023.09.15 |
| 선택자와 선언 (0) | 2023.09.15 |
| HTML과 CSS가 만나는 법 (0) | 2023.09.15 |
| CSS 소개 (0) | 2023.08.24 |
