css 面试常考点

a:link 超连接的默认样式 
a:visited 访问过的(已经看过的)连接样式 
a:hover 鼠标处于鼠标悬停状态的连接样式 
a:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的连接样式。 css

项目中能够这样用:html

a {color:#252525; text-decoration:none;} 
a:visited {text-decoration:none;} 
a:hover {color:#ba2636;text-decoration:underline;} 
a:active {color:#ba2636;} 浏览器

css优先级

当两个规则都做用到了同一个html元素上时,若是定义的属性有冲突,那么应该用谁的值的,CSS有一套优先级的定义。htm

不一样级别排序

  1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
  2. 做为style属性写在元素内的样式
  3. id选择器
  4. 类选择器
  5. 标签选择器
  6. 通配符选择器
  7. 浏览器自定义或继承

      总结排序:!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性继承

同一级别中后写的会覆盖先写的样式it

相关文章
相关标签/搜索