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

html-css06

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

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

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

*{

    margin:0px !important

    padding:0px !important

    list-style-type:none !important

}

这样就可以了。

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

就是说京东不允许你在 body 页面全局上设置样式。

这样是京东允许的：

.user-xxx{

font-size:16px

background: yellow

}

.userList{float: left}

这也是京东允许的：

-moz-xxx{padding: 0 3px}

但是下面这些你别想了，JD不让：

body{}

html{}

.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>

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