class 选择器
伪类选择器
- a:link{color:#999999;}
- a:visited{
- color:#FFFF00;
- }
- a:hover{
- color:#006600;
- }
- /* IE 不支持, 用 Firefox 浏览可以看到效果 */
- input:focus{
- background:# E0F1F5;
- }
Link 表示链接在没有被点击时的样式. Visited 表示链接已经被访问时的样式. Hover 表示当鼠标悬停在链接上面时的样式.
伪类不仅可以应用在链接标签中, 也可以应用在一些表单元素中, 但表单元素的应用 IE 不支持, 所以一般伪类都只会被应用在链接的样式上.
标签选择器
后代选择器
如:
这里我们定义了所有 class 属性为 father 的元素下面的 class 属性为 child 的颜色为蓝色. 后代选择器是一种很有用的选择器, 使用后代选择器可以更加精确的定位元素.
来源: https://www.2cto.com/kf/201808/766359.html