- 选择器
- id选择器 #id{ }
- class选择器 .class{ }
- 标签选择器 div{ } h1{ }
- 后代选择器 #div p{ }
- 子代选择器 #div>p{ }
- 多类选择器 #div.aa{ }
- 分组选择器 #div,h1{ }
- 伪类选择器
- a:link {color:#FF0000;} /* 未访问的链接 */
- a:visited {color:#00FF00;} /* 已访问的链接 */
- a:hover {color:#FF00FF;} /* 鼠标划过链接 */
- a:active {color:#0000FF;} /* 已选中的链接 */
- 伪对象 <div> (before) div (after) </div> (在内容的前后)
- a ::after{ content :" "}
- a ::before{ content :" "}
- 属性选择器 input[ name = username ] { }
- 兄弟选择器
- + 选择后面的一个兄弟
- ~ 选择后面的所有兄弟
选择器
最新推荐文章于 2024-08-16 20:24:29 发布