第一优先级：无条件优先的属性只需要在属性后面使用！important。它会覆盖页面内任何位置定义的元素样式。
第二优先级：在html中给元素标签加style，即内联样式。
第三优先级：由一个或多个id选择器来定义。例如，#id{margin:0;}会覆盖.classname{margin:3pxl}
第四优先级：由一个或多个类选择器、属性选择器、伪类选择器定义。如.classname{margin:3px}会覆盖div{margin:6px;}
第五优先级：由一个或多个类型选择器定义。如div{marigin:6px;}覆盖*{margin:10px；}
第六优先级：通配选择器，如*{marigin:6px;}
还有一种是js脚本监听强制控制，这里修改需要找到监听事件进行修改。
@ hover是什么意思？
a：hover表示当鼠标选定在a标签上时a标签的样式变化。 这是css中伪类的使用格式。 伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。
它们的形式是selector:pseudo class { property: value; }，简单地用一个半角英文冒号（:）来隔开选择符和伪类。CSS很多的建议并没有得到浏览器的支持，但有四个可以安全用在超链接上的伪类： :link用在未访问的连接上。 :visited用在已经访问过的连接上。 :active用于获得焦点（比如，被点击）的连接上。 :hover 用于鼠标光标置于其上的连接。
@ CSS定义超链接样式有什么顺序？
首先，CSS设置超链接样式是通过伪类来实现的css称这些链接状态为伪类选择器，在css思考方式里,”真”类属性是用class=的属性来明确指定的,而伪类选择器则是用(:hover ; :visited ; :link ; :active)来指定,具体意义及顺序如下： a:link是链接平常的状态， a:visited是已访问的状态，a:hover是鼠标停留在链接之上，a:active是被选择的链接。 伪类名字对大小写不敏感，但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的，:active必须被置于:hover之后才是有效的。 如果没有指定伪类，则默认为 :link。
@ css3和css一样吗？
CSS3是CSS的子集，CSS3是最新的标准，提供了很多好用的新属性，提升了网页的表现性。
CSS3提供了更好用的选择器
最新的CSS3中，对伪类、伪元素选择器做了严格的规范。有了伪类后，不用在div标签里面添加额外的元素完成一些DOM操作，可以通过::before,::after完成，代码简洁明了。对于鼠标的操作，也可以通过::hover等类似的操作完成。非常高效。还有::first–child等类似的选择器去操作子元素。
CSS3使动画效果越来越方便
css3里面通过animation来完成动画，设置@keyframes即可，一些轻量级的动画不必再通过js完成。
CSS3完成圆角、阴影美化更方便
以前的css完成类似的功能只能通过图片做背景，现在只需要border-radius、boxshadow即可。非常高效简洁。
CSS3提供了全新的盒模型
这个特性十分有用。原来的盒模型width=content.+border+padding。你规定了width.每次都要自己计算，现在有了boder-box不用这么麻烦了。
CSS3的flex布局是最强大的
IE已死，不需要再考虑它的兼容性！！！用flex布局，节省很多时间，节省的时间可以学很多东西，而不是浪费时间去适应落后的ie！！！
还有很多好用的css3特性，这个版本提供了巨大的生产力！！！很感谢它，期待下一个grid布局～
以上是偶的看法～
