Love beautiful code? We do too.
- Home
- Tutorial
- CSS selectors
- Selector tag01 tag02
Định nghĩa Selector tag01 tag02
Selector tag01 tag02 chọn tất cả thành phần <tag02> bên trong thành phần <tag01>.
Cấu trúc
tag01 tag02 {
property : value;
}Trong đó:
- tag01, tag02 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 tag02 giống nhau để định dạng cùng kiểu CSS. Lưu ý là tag01 sẽ không ảnh hưởng.
Ví dụ
HTML viết:
<html>
<head>
</head>
<body>
<div>
<p>Đây là thành phần p có thành phần cha là div</p>
</div>
</body>
</html>Hiển thị trình duyệt khi chưa có CSS:
Đây là thành phần p có thành phần cha là div
CSS viết:
div p {
color: #ff0000;
}Định dạng cho tất cả các thành phần <p> có thành phần bao ngoài là <div>.
Hiển thị trình duyệt khi đã có CSS:
Đây là thành phần p có thành phần cha là div
Trình duyệt hỗ trợ
Selector tag01 tag02 đượ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