Thứ Tư, 27 tháng 8, 2014
CSS phần 3:Bộ chọn CSS (selectors)
Bộ chọn CSS (selectors)
Bộ
chọn
|
Ví
dụ
|
Mô
tả
|
*
|
Chọn tất cả các
thành phần html.
|
|
p
|
Chọn tất cả các
thành phần cùng loại.
|
|
div p
|
Chọn tất cả thành
phần <tag02> bên trong thành phần <tag01>.
|
|
div,p
|
Chọn tất cả thành
phần <tag01> và <tag02>.
|
|
div+p
|
Chọn tất cả thành
phần <tag02> được đặt kế và sau thành phần <tag01>.
|
|
div>p
|
Chọn tất cả thành
phần <tag02> có thành phần cha là <tag01>.
|
|
.className
|
Chọn tất cả các
thành phần có cùng tên class.
|
|
#idName
|
Chọn tất cả các
thành phần có cùng tên id.
|
|
a:active
|
Chọn các liên kết
được kích hoạt.
|
|
p:after
|
Thêm nội dung
ngay phía sau thành phần.
|
|
p:before
|
Thêm nội dung
ngay phía trước thành phần.
|
|
p:first-child
|
Chọn thành phần đầu
tiên của thành phần cha chứa nó.
|
|
p:first-letter
|
Chọn ký tự đầu
tiên của một thành phần.
|
|
p:first-line
|
Chọn dòng đầu
tiên của một thành phần.
|
|
input:focus
|
Thành phần sẽ
focus khi được chọn.
|
|
a:hover
|
Chọn các liên kết
được hover (di chuyển chuột lên thành phần).
|
|
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ữ".
|
|
a:link
|
Định dạng cho tất
cả liên kết khi chưa được click.
|
|
a:visited
|
Định dạng cho các
thành phần đã được click.
|
|
[target]
|
Chọn tất cả các
thành phần có cùng thuộc tính (attribute).
|
|
[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ữ".
|
|
[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ị.
|
|
[target=_blank]
|
Chọn tất cả các
thành phần với thuộc tính bằng giá trị.
|
***ghi chú: sưu tập
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét