前端八股 CSS 2 选择器

选择器功能:选中特定 DOM节点进行渲染

原始方法
getElementById()
getElementByName()

现在方法选择器

分类:

id选择器

类选择器

标签选择器

逻辑与选择器

其他类型选择器:

伪类选择器:

:link:未被访问的链接

:visited:已访问的链接

:active:活动链接、

:hover:有鼠标浮动在其上的元素

:focus:具有焦点的

:first-child:元素

伪元素选择器

:before:在选择器选中元素前插入内容

:after:在选择器选中元素后插入内容

元素选择器

[attribute*=value]优先级和类选择器、伪类选择器一样

选择器优先级

非复合选择器:important>行内样式>id选择器>类选择器>标签选择器>继承

从左往右依次进行比较 ,较大者优先级更高
如果相等,则继续往右移动一位进行比较
如果4位全部相等,则后面的会覆盖前面的
A:内联样式个数	
B:ID选择器个数
C:类选择器 伪类选择器 属性选择器个数
D:伪元素选择器 标签选择器 个数

特殊:a标签颜色不被继承

你可能感兴趣的:(CSS八股,前端,css)