HTML5学堂-码匠 HTML5学堂

您当前位于:ECMAScript 基础语法 ——> JS文件与CSS文件导入与执行冲突(JS与CSS样式控制谁说了算)

JS文件与CSS文件导入与执行冲突(JS与CSS样式控制谁说了算)

2015/05/27 11:03:19 | 作者:HTML5学堂(码匠) | 分类:ECMAScript 基础语法 | 关键词:文件引入,CSS文件,样式冲突

JavaScript文件与CSS文件导入与执行冲突

HTML5学堂:在制作页面的时候,我们有的时候使用CSS给某一元素添加了样式,有通过JavaScript给该元素添加了CSS样式,这个时候,可能会出现样式上的冲突。下面我们说一下JavaScript文件与CSS文件导入与执行冲突的问题。

JavaScript与CSS文件中代码引入外部图像文件时,它们的URL设置是不同的,区别在于:

CSS文件考虑的是CSS文件与导入的外部图像文件之间的位置关系;

JavaScript文件考虑的是网页文件与导入的外部图像文件之间的位置关系。

冲突:

当使用CSS和JavaScript同时为页面中某个元素定义样式时,js脚本定义的样式优先级要大于CSS样式的优先级。

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端