so woon!

[선택자] 전체 선택자 (Universal Selector) 본문

CSS/개념정리

[선택자] 전체 선택자 (Universal Selector)

xowoony 2022. 9. 6. 17:16

학습일 : 2022. 09. 05
이 내용 공부 전 (자식 선택자) 먼저 보고 다시 오세요!

전체 선택자 (Universal Selector)
전체 선택자는 주로 모든 요소를 선택할 때 사용한다.
다음과 같이 작성한다.

* {
	속성 : 속성 값;
	속성 : 속성 값;
	속성 : 속성 값;
}

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>전체 선택자</title>
    <style>
        div > * {
            color: red;
        }
    </style>
</head>
<body>
    <a>나는 노터치</a>
    <div>
        <a class="red">a도 바뀌고</a>
        <b class="red">b도 바뀌고</b>
        <i>i도 바뀌고</i>
        <strong>strong도 바뀌고</strong>
        <u>u도 바뀌고</u>
    </div>
</body>
</html>

==============실행결과============

 

저작자표시 비영리 변경금지

'CSS > 개념정리' 카테고리의 다른 글

[선택자] 그룹 선택자 (Group Selector)  (0) 2022.09.06
[선택자] 요소 선택자 (Element Selector)  (0) 2022.09.06
[선택자] ID 선택자 (ID Selector)  (0) 2022.09.06
[선택자] 클래스 선택자 (Class Selector)  (0) 2022.09.06
CSS 공통 내용  (0) 2022.09.06
'CSS/개념정리' Related Articles more
Comments