이 글의 내용은 cssnot 선택자에 대한 내용입니다. not() 선택자에 대한 자세한 설명입니다. 도움이 필요한 친구들이 참고하면 좋겠습니다.
not() 선택기
CSS3에서 :not() 선택기는 주로 특정 요소를 제외한 모든 요소를 선택하는 데 사용됩니다. 이것은 매우 유용한 선택기입니다.
예:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 :not()选择器</title>
<style type="text/css">
*{padding:0;margin:0;}
ul{list-style-type:none;}
ul li:not(.first)
{
color:red;
}
</style>
</head>
<body>
<ul>
<li class="first">php中文网</li>
<li>php中文网</li>
<li>php中文网</li>
<li>php中文网</li>
</ul>
</body>
</html>효과는 다음과 같습니다.
분석: #🎜🎜 ##🎜 🎜#선택기 "ul li:not (.first)"에 대해 두 단계로 살펴보겠습니다. 괄호 안의 ".first"는 클래스 값이 있는 요소를 먼저 선택한다는 의미입니다(즉, 첫 번째 li 요소)이므로 "ul li:not (.first)"는 첫 번째 li 요소를 제외한 ul 요소 아래의 모든 li 요소를 선택한다는 의미입니다.
no:not() 선택자가 없으면 중복된 코드가 많아 위의 효과를 달성하기가 매우 어려울 것입니다. 사실, not() 선택자를 사용하는 아이디어는 수학의 보수 집합 아이디어와 유사합니다. :not() 선택자는 실제 개발에서 매우 실용적이고 유연합니다.
이상으로 cssnot 선택기? not() 선택기에 대한 자세한 설명이 끝났습니다.
CSS3 튜토리얼에 대해 더 알고 싶으시다면 주목해 주세요. PHP 중국어 웹사이트 .
위 내용은 CSSNOT 선택자란 무엇입니까? not() 선택자에 대한 자세한 설명은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
