CSS/개념정리
[의사 클래스] Not 의사 클래스(Pseudo Class)
xowoony
2022. 9. 7. 09:09
학습일 : 2022. 09. 05
Not 의사 클래스
Not 의사 클래스(Pseudo Class)는 다른 의사 클래스를 부정하기 위해 사용한다.
다음과 같이 작성한다. ("는 없는 것으로 한다.)
"선택자":not(:"다른 의사 클래스") {
"속성" : "속성 값";
"속성" : "속성 값";
"속성" : "속성 값";
}
가령, 마지막 요소가 아닌 모든 요소는 다음과 같이 선택한다.
*:not(:last-child) { . . . }<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>not 의사 클래스</title>
<style>
body > div > div:not(:last-child)❤ {
background-color: red;
border-bottom: 0.0625rem solid black;
}
</style>
</head>
<body>
<div>
<div>냉장고</div>
<div>청소기</div>
<div>세탁기</div>
<div>건조기</div>
<div>TV</div>
</div>
</body>
</html>===========실행결과==========
