京东规则里CSS通配符*{...}问题

html-css016

京东规则里CSS通配符*{...}问题,第1张

*{}这样的优先级是非常低的

强制生效就每一条css属性后面都加!important

*{

    margin:0px !important

    padding:0px !important

    list-style-type:none !important

}

这样就可以了。

当然平时写代码是不推荐使用!important的，渲染原理上来讲，加载到!important后浏览器要回过头去重新渲染，效率比较低下

.user 和.beijing是两个类选择器。

.user .beijing {backround:#FFF}是派生选择器。你确定你的容器上面的class有.user吗？

<div>

<div class="beijing">

不认识.user .beijing {backround:#FFF}

</div>

</div>

试试看这样写。不过你的.user就不能写css，不然可能会出问题。。外面的div会获得.user的css

<div class="user">

<div class="beijing">

这样我就认识.user .beijing {backround:#FFF}

</div>

</div>

仅供参考。我也是菜鸟。。