css 面试常考点

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

项目中可以这样用:

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有一套优先级的定义。

不同级别

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

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

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

posted @ 2017-11-21 16:56  依依雨柔  阅读(100)  评论(0编辑  收藏  举报