选择器功能:选中特定 DOM节点进行渲染
原始方法
getElementById()
getElementByName()
现在方法选择器
分类:
id选择器
类选择器
标签选择器
逻辑与选择器
其他类型选择器:
伪类选择器:
:link:未被访问的链接
:visited:已访问的链接
:active:活动链接、
:hover:有鼠标浮动在其上的元素
:focus:具有焦点的
:first-child:元素
伪元素选择器
:before:在选择器选中元素前插入内容
:after:在选择器选中元素后插入内容
元素选择器
[attribute*=value]优先级和类选择器、伪类选择器一样
选择器优先级
非复合选择器:important>行内样式>id选择器>类选择器>标签选择器>继承
从左往右依次进行比较 ,较大者优先级更高
如果相等,则继续往右移动一位进行比较
如果4位全部相等,则后面的会覆盖前面的
A:内联样式个数
B:ID选择器个数
C:类选择器 伪类选择器 属性选择器个数
D:伪元素选择器 标签选择器 个数