在制作页面的时候,我们有的时候使用CSS给某一元素添加了样式,有通过JavaScript给该元素添加了CSS样式,这个时候,可能会出现样式上的冲突。下面我们说一下JavaScript文件与CSS文件导入与执行冲突的问题。
JavaScript与CSS文件中代码引入外部图像文件时,它们的URL设置是不同的。
区别在于:
CSS文件考虑的是CSS文件与导入的外部图像文件之间的位置关系;
JavaScript文件考虑的是网页文件与导入的外部图像文件之间的位置关系。
冲突的优先级:
当使用CSS和JavaScript同时为页面中某个元素定义样式时,js脚本定义的样式优先级要大于CSS样式的优先级。