![[HTML] 부정 선택자](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbwVpT5%2Fbtrpu5DDqqu%2FAAAAAAAAAAAAAAAAAAAAAM8zvpio-n3o4A6q70VV9gYmf4R-zVNWZXmJ5ecLKMGQ%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1769871599%26allow_ip%3D%26allow_referer%3D%26signature%3DEw6T%252BdWisfJUUflfQAQdHsftqiQ%253D)
개념
:not
선택자를 반대로 적용
예제 1
<!DOCTYPE html>
<html>
<head>
<title>CSS3 Selector Basic</title>
<style>
/* input 태그 중 type 속성이 password가 아닌 태그의 background 속성에 red 키워드 적용 */
input:not([type=password]) {
background: red;
}
</style>
</head>
<body>
<input type="password" />
<input type="text" />
<input type="password" />
<input type="text" />
</body>
</html>
'HTML > Day39' 카테고리의 다른 글
| [HTML] em과 rem (0) | 2022.01.02 |
|---|---|
| [HTML] float 속성 & clear 속성 & overflow 속성 (0) | 2022.01.02 |
| [HTML] 링크 선택자 (0) | 2022.01.02 |
| [HTML]문자 선택자 (0) | 2022.01.02 |
| [HTML] 동위 선택자 (0) | 2022.01.02 |