- 类选择器 .class -- 选择 p && class="intro" 的所有元素。
p.intro {
}
- ID选择器 #id --- 选择 选择 p && id = footer的元素
p#footer {
}
- 嵌套选择器 -- 选择器将选择<li>内部的任何<em>元素（<li>的后代）
li em {
color: rebeccapurple;
}
- 元素选择器 p
p {
}
- 状态选择器(伪类 ) :status
p:first-line {
}
// 未访问
a:link {
}
// 已访问
a:visited {
}
// 悬停
a:hover {
}
- 位置选择器(伪元素)
p:first-letter {
}
p:first-line {
}
- 属性选择器
// 所有包含width属性的元素
img[width] {
}
// 所有height等于300的元素
img[height = "300"] {
}
- 兄弟选择器
// 选的p(p满足前一个兄弟节点是h1)
h1+p {
}
- 结合选择器
// 选的p中的p(第一个p满足前一个兄弟节点是h1)
h1+p p{
}
// id为 greentea的div中的blockquote
div#greentea > blockquote{
}
// id为 greentea的div中的blockquote中的p
div#greentea > blockquote p{
}
// id为 greentea的div中的blockquote中的有first-line属性的p
div#greentea > blockquote p:first-line{
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
