CSS/개념정리
[선택자] 그룹 선택자 (Group Selector)
xowoony
2022. 9. 6. 17:22
학습일 : 2022. 09. 05
그룹 선택자
그룹 선택자(Group Selector)는 동일한 한 개 이상의 CSS 속성들을 여러 선택자에 적용하고자 할 때 사용한다.
다음과 같이 작성한다. 콤마(,)로 구분하여 여러개 나열 가능. ("는 없는 것으로 한다.)
"선택자 1", "선택자 2", "선택자 3" {
"속성" : "속성 값";
"속성" : "속성 값";
"속성" : "속성 값";
}
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>그룹 선택자</title>
<style>
div > a,
div > b,
div > u {
color: red;
}
</style>
</head>
<body>
<a>나는 노터치</a>
<div>
<a>a도 바뀌고</a>❤
<b>b도 바뀌고</b>❤
<i>i는 안 바뀌고</i>
<strong>strong는 안 바뀌고</strong>
<u>u도 바뀌고</u>❤
</div>
</body>
</html>==========실행결과===========
