关于css !important的理解

                              
 
   





上面代码是为了在网页加载时将每张图片随机设置一个初始角度,当鼠标移动到图片上会有一个旋转放大的效果,但是现实却是页面打开后图片确实有一个初始的偏转角度但是当鼠标滑过图片后没有旋转和放大的效果~~
之后我在加了一个关键字,问题解决了,代码如下


查了一下!important是css里面的一个重要属性,主要是用来改变权重值,!important修饰后的权重值最大,针对上面遇到的问题,我的理解是在正常的浏览器解析过程中是按照从上往下的顺序执行,当dom加载完成后执行js脚本对css样式进行了修改,实际上已经覆盖了之前的css样式,如果在css里面加上!important后其权重值最大,浏览器就会以最大权重值做为最终的选择~~~但是其中有一点有点模糊,在js脚本里我只对静态的css样式进行了修改并没有对滑过图片时的css样式进行修改,怎么会影响到img:hover中的css样式的......

你可能感兴趣的:(css,!important,import,css,js)