:not(bộ chọn)
Định nghĩa và sử dụng “:not(bộ chọn)” chọn tất cả ngoại trừ bộ chọn trong ngoặc. Cấu trúc :not(bộ chọn) { property: value; } Ví dụ Html viết: <html> <head></head> <body> <div>Thành phần div</div> <p>Thành phần p</p> <ul> <li>Thành phần ul li</li> <li>Thành phần ul li</li> </ul> </body> </html> Hiển thị trình duyệt khi chưa có CSS: […]
Định nghĩa và sử dụng
“:not(bộ chọn)” chọn tất cả ngoại trừ bộ chọn trong ngoặc.
Cấu trúc
:not(bộ chọn) {
property: value;
}
Ví dụ
Html viết:
<html> <head></head> <body> <div>Thành phần div</div> <p>Thành phần p</p> <ul> <li>Thành phần ul li</li> <li>Thành phần ul li</li> </ul> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
Thành phần divThành phần p
- Thành phần ul li
- Thành phần ul li
CSS viết:
:not(p){
background: blue;
}
Hiển thị trình duyệt:
Thành phần divThành phần p
- Thành phần ul li
- Thành phần ul li
Ta thấy tất cả các thành phần đã được chọn ngoại trừ thành phần p.
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari
