Selector | CSS | Học Web Chuẩn
Có thể bạn quan tâm
Selector
- Trang chủ
- Tham khảo
- CSS
- Selector
Bộ chọn CSS (selectors)
Bộ chọn (selectors) được dùng để chọn các thành phần muốn định dạng css.
Bộ chọn | Ví dụ | Mô tả |
---|---|---|
* | * | Chọn tất cả các thành phần html. |
tag | p | Chọn tất cả các thành phần cùng loại. |
tag01 tag02 | div p | Chọn tất cả thành phần <tag02> bên trong thành phần <tag01>. |
tag01,tag02 | div,p | Chọn tất cả thành phần <tag01> và <tag02>. |
tag01+tag02 | div+p | Chọn tất cả thành phần <tag02> được đặt kế và sau thành phần <tag01>. |
tag01>tag02 | div>p | Chọn tất cả thành phần <tag02> có thành phần cha là <tag01>. |
.class | .className | Chọn tất cả các thành phần có cùng tên class. |
#id | #idName | Chọn tất cả các thành phần có cùng tên id. |
:active | a:active | Chọn các liên kết được kích hoạt. |
:after | p:after | Thêm nội dung ngay phía sau thành phần. |
:before | p:before | Thêm nội dung ngay phía trước thành phần. |
:first-child | p:first-child | Chọn thành phần đầu tiên của thành phần cha chứa nó. |
:first-letter | p:first-letter | Chọn ký tự đầu tiên của một thành phần. |
:first-line | p:first-line | Chọn dòng đầu tiên của một thành phần. |
:focus | input:focus | Thành phần sẽ focus khi được chọn. |
:hover | a:hover | Chọn các liên kết được hover (di chuyển chuột lên thành phần). |
:lang(mã ngôn ngữ) | p:lang(vi) | Chọn thành phần với thuộc tính ngôn ngữ có giá trị bắt đầu với "mã ngôn ngữ". |
:link | a:link | Định dạng cho tất cả liên kết khi chưa được click. |
:visited | a:visited | Định dạng cho các thành phần đã được click. |
[Thuộc tính] | [target] | Chọn tất cả các thành phần có cùng thuộc tính (attribute). |
[Thuộc tính|=ngôn ngữ] | [lang|=vi] | Được sử dụng để chọn tất cả các thành phần với thuộc tính có giá trị = "ngôn ngữ". |
[Thuộc tính~=giá trị] | [title~=myWeb] | Chọn tất cả các thành phần với thuộc tính chứa một giá trị. |
[Thuộc tính=giá trị] | [target=_blank] | Chọn tất cả các thành phần với thuộc tính bằng giá trị. |
Đầu trang
CSS
HƯỚNG DẪN HỌC
- Hướng dẫn học
- Hướng dẫn học XHTML & HTML5
- Hướng dẫn học CSS
- Hướng dẫn học CSS3
- Hướng dẫn học Responsive
- Hướng dẫn học ES6
- Hướng dẫn học React.js
- Hướng dẫn học jQuery
- Hướng dẫn học PHP
- Hướng dẫn học Laravel
- Hướng dẫn học Wordpress
- Hướng dẫn học Webpack
- Hướng dẫn học SCSS
THAM KHẢO
Bộ chọn CSS
- *
- tag
- tag01 tag02
- tag01,tag02
- tag01+tag02
- tag01>tag02
- .class
- #id
- :active
- :after
- :before
- :first-child
- :first-letter
- :first-line
- :focus
- :hover
- :lang(ngôn ngữ)
- :link
- :visited
- [Thuộc tính]
- [Thuộc tính|=ngôn ngữ]
- [thuộc tính~=giá trị]
- [thuộc tính=giá trị]
Tham khảo CSS
- CSS - Tham khảo
- CSS - Bộ chọn (selectors)
- CSS - Thuộc tính
- CSS3 - Tham khảo
- CSS3 - Bộ chọn (selectors)
- CSS3 - Thuộc tính
- Xem thêm ví dụ về CSS
Tham khảo HTML/XHTML
- Tham khảo HTML/XHTML
- Tag theo function
- Tag theo giá trị DTD
- Tham khảo HTML4/XHTML
- Tham khảo HTML5
- Xem thêm ví dụ về HTML
Tham khảo JQUERY
- jQuery - Tham khảo
- jQuery - Cài đặt và sử dụng
- jQuery - Bộ chọn (selectors)
- jQuery - Hàm (function)
- jQuery - Ajax
Tham khảo Thêm
- Lang codes
- Font chữ
- Mã ký tự
- MIME
- Đơn vị trong HTML & CSS
- Giá trị màu trong HTML & CSS
- Thuộc tính tổng quát
CHUYÊN ĐỀ
- Chuyên đề
- Chuyên đề HTML/CSS
- Chuyên đề HTML5/CSS3
- Chuyên đề jQuery/JS
- jQuery/JS plugin
GÓP Ý - LIÊN HỆ
- CÔNG CỤ TẠO CSS3CSS3 GENERATOR
- BỘ CÔNG CỤGENERATOR TOOLS
- CÔNG CỤ HỖ TRỢWEB TOOLS
- CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
- CÔNG CỤ KIỂM TRA RESPONSIVE TEST
- CHIA SẺ HAYWEB & TOOLS
Từ khóa » Các Bộ Chọn Trong Css
-
Các Bộ Chọn Trong CSS
-
30 Bộ Chọn CSS Bạn Phải Thuộc Lòng - Code Tutsplus
-
Bộ Chọn Trong CSS3
-
Danh Sách Tất Cả Các Bộ Chọn (selector) Trong CSS - Web Cơ Bản
-
CSS Selector (bộ Chọn) Là Gì Và Cách Sử Dụng? | DAMMIO
-
Bộ Chọn CSS (CSS Selector) - Học Css Cơ Bản đến Nâng Cao - VietTuts
-
9 Bộ Chọn CSS Phổ Biến - Tự Học CSS3
-
CSS Selector Là Gì? 8 Loại CSS Selector CẦN BIẾT
-
5 Bộ Chọn CSS Hữu ích - Viblo
-
Bộ Chọn Selector Trong CSS | Học Lập Trình JavaScript
-
Tổng Hợp Các Bộ Chọn Trong CSS Thường Dùng
-
CSS - Bộ Chọn (Selectors) Và Cách Sử Dụng - Đại Phố Web & Hosting
-
5 Kiểu Vùng Chọn CSS Cơ Bản (Selectors) - Thạch Phạm
-
Bộ Chọn Trong CSS (CSS Selector) - Lập Trình Từ Đầu