Love beautiful code? We do too.
- Home
- Tutorial
- CSS selectors
- Selector tag
Định nghĩa Selector tag trong CSS
Selector tag chọn tất cả các thành phần cùng loại.
Cấu trúc
tag {
property : value;
}Trong đó:
- tag là thành phần HTML/XHTML.
- property là những thuộc tính CSS.
- value là giá trị của các thuộc tính CSS.
Khi sử dụng cấu trúc trên trình duyệt sẽ chọn tất cả các tag giống nhau để định dạng cùng kiểu CSS
Ví dụ
HTML viết:
<html>
<head>
</head>
<body>
<p>Đây là thành phần p</p>
<p>Đây là thành phần p</p>
</body>
</html>Hiển thị trình duyệt khi chưa có CSS:
Đây là thành phần p
Đây là thành phần p
CSS viết:
p {
color: #ff0275;
}Khi sử dụng cấu trúc như trên, thì tất cả tag <p> sẽ có màu #ff0275.
Hiển thị trình duyệt khi đã có CSS:
Đây là thành phần p
Đây là thành phần p
Trình duyệt hỗ trợ
Selector tag được hỗ trợ trong đa số các trình duyệt.
Xem thêm : Tổng hợp CSS Selector cần nhớ
0 Bình luận
- CSS selectors
- Mở đầu
- Selector *
- Selector #id
- Selector .class
- Selector tag
- Selector tag01 tag02
- Selector tag01, tag02
- Selector tag01+tag02
- Selector tag01>tag02
- Selector :active
- Selector :after
- Selector :before
- Selector :first-child
- Selector :first-letter
- Selector :first-line
- Selector :focus
- Selector :hover
- Selector :lang(mã ngôn ngữ)
- Selector :link
- Selector :visited
- Selector attribute(thuộc tính)
- Selector [Thuộc tính|=ngôn ngữ]
- Selector [attribute~=value]
- Selector [thuộc tính=giá trị]
- Selector :nth-child(n)
- Selector :nth-last-child(n),
- Selector :last-child
- Selector :only-child
- Selector :only-of-type
- Selector :first-of-type
- Selector :not(tag)
Hoclaptrinh.vn © 2017
From Coder With
Unpublished comment
Viết câu trả lời