关于CSS的选择器和优先级问题
先来说说我为啥会注意到这个,最近跟着B站的blue老师敲JS,写到一个小东西时,我发现我逻辑上跟老师的代码几乎一样,怎么我的.active一直只能加载font-size,其他属性一概忽略呢?整了好久,拿着老师的代码换,发现就能全部加载,我简直怀疑人生,后来百度了一下,一句“可能被全局属性覆盖了”,我才想起好像是有优先级这么回事,赶紧改了改,发现好了T_T,就这么点破事折腾我半天时间,怪我自己太菜了! 废话不多说,我先贴代码为敬!做的是一个类似于广告图片轮询的效果,最近学JS总跟CSS杠上,才知道CSS也要好好学扎实,用起来才顺手。 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > Title < / title > < style > * { margin : 0 ; padding : 0 ; } li { list - style : none ; } img { border : none ; } body { background : #ecfaff ; } #div1 { position : relative ; width : 470 px ; height : 150 px ; border : 1 px solid #cccccc ;