选择器

选择器分类,五大类:
a) 基本选择器: 通配符选择器,元素选择器,ID选择器,类选择器,群组选择器;-----均无兼容问题。
b) 层次选择器: 后代选择器(div p);子选择器(ul>li);相邻兄弟选择器(div+p);通用选择器(div~p);----除第一种无兼容性外,其余三种支持IE7+。
c) 伪类选择器
1)动态伪类选择器: 链接伪类:link--未被访问过;:链接伪类:visited--已被访问;用户行为伪类:hover--鼠标悬停;用户行为:active--元素被激活;用户行为:focus--元素获取焦点;其中描点伪类的设置必须遵守:LVha的顺序,:active和:focus兼容性IE8+,:hover在IE6中仅支持连接锚点;
2)目标伪类选择器
3)语言伪类
4)UI元素状态伪类选择器
5)结构伪类选择器
6)否定伪类选择器
d) 伪元素
e) 属性选择器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 5,864评论 0 5
  • 1. class 和 id 的使用场景: id:id选择器,使用#name定义(name为id名,可任意取名),使...
    石林涛阅读 3,012评论 0 1
  • 选择器 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象选择符 一、元素选择符 通配选择符 (*):选择所有...
    云外之境阅读 5,890评论 0 0
  • CSS选择器结构逻辑图 接下来按照结构逻辑图具体讲解各个选择器的作用及用法; 基本选择器 基本选择器主要有以下5类...
    FoolishFlyFox阅读 3,715评论 0 8
  • id与class的使用场景 id选择器,匹配特定id的元素类选择器,匹配class包含(不是等于)特定类的元素id...
    姚小帅阅读 2,870评论 0 0

友情链接更多精彩内容