html下拉菜单实现换肤,JS实现网页换肤

body,div{padding:0;margin:0;}

.list{width:300px;margin:30px auto;}

.list a{position:relative;display:inline-block;list-style:none outside none;text-decoration:none;width:20px;height:20px;margin-right:10px;}

a:nth-child(1) {background:palevioletred;}

a:nth-child(2) {background-color:lightblue;}

a:nth-child(3) {background-color:bisque;}

a:nth-child(4) {background-color:brown;}

.list a.active:before{content:'';position:absolute;top:4px;left:4px;width:12px;height:12px;background-color:#fff;z-index:10;}