京东css样式,京东style

京东商城，使用CSS装修时老是出现这个问题，求大神帮忙解决一下！

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

这样是京东允许的：

.user-xxx{

font-size:16px;

background: yellow;

}

.userList{float: left;}

这也是京东允许的：

-moz-xxx{padding: 0 3px;}

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

body{}

html{}

相关问答

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

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

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

*{

    margin:0px !important;

    padding:0px !important;

    list-style-type:none !important;

}

这样就可以了。

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

Q2: 京东网页的这个“精选”两个字鼠标移上去是一种效果，然后鼠标移出还是这种效果怎么做？求html/css方法

这里是一种固定的css样式，表示是当前选择状态。

只要没有添加鼠标的hover样式，不管鼠标移上还是移出都不会变化。如果有变化，就需要重置鼠标的hover样式。

Q3: 京东的产品li下面的阴影部分是怎样用css实现的

在ps中做的阴影效果，然后导出成半透明的png格式，写样式的时候设为底部背景即可