1、既然你都用了byClassName,说明他们都有同一个类名,你直接再css里面改这个类名的样式就行了。
成都创新互联是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发,网站制作,网站设计,网站模板,微信公众号开发,软件开发,微信小程序,10多年建站对混凝土泵车等多个方面,拥有丰富的网站制作经验。
2、你要用js修改,你修改的是内联样式,那你只有每一个用for循环来修改。
3、或者你可以就写一个新的公共样式,然后for循环给每一个你需要修改样式的标签用setAttribute("class",newClassName)就行了。将新的类名加上去去覆盖之前类的样式
如果你担心你的颜色值经常变动
建议,你用SCSS来写CSS代码
把经常,或者 可能 变动的值 写成变量。
具体,你可以查看scss的官网。
在一个web程序中,我们往往希望页面中的一些最基本的样式是统一的,这样可以给人整齐划一的感觉,同时也可以省去很多重复冗余的css代码,下面是我经常用到的页面默认样式,也就是程序的每个页面都会首先载入这个样式,然后再依据其自身的特点载入自己特有的样式,可以参考一下
body{line-height:1.4;background:#fff}
body,input,textarea,select{font-size:13px;color:#333;font-family:arial}
body,h1,h3,h4,p,ul,ol{margin:0}
ul,ol{padding-left:0;list-style-type:none}a img{border:0}
a:link,a:active,a:visited{color:#003;text-decoration:none}
a:hover{color:blue;text-decoration:underline}
.biaoti1{height:25px;background:#e7e7e7}
.biaoti1 .tit{background:#3672ae;width:80px;height:25px;text-align:center;line-height:25px;color:#fff;font-size:14px;font-weight:700}.biaoti1 .more{float:right;font-size:12px;color:#06c;font-weight:700;line-height:25px;margin-right:5px}#clubsjihua_div_clubs .biaoti{width:389px;height:246px;float:left;margin-left:3px;border-right:0 solid #ccc}
#clubsjihua_div_clubs .biaoti h1{font-size:14px;color:#c00;height:30px;line-height:30px;border-bottom:1px solid #ccc;width:95%}
#clubsjihua_div_clubs .biaoti h1 span{color:#ccc;font-weight:400}
#clubsjihua_div_clubs .biaoti em{float:right;font-style:normal;font-weight:400}
#clubsjihua_div_clubs .biaoti em a{font-size:12px;color:#005a98;text-decoration:none;background:url(/images/arrow.jpg) no-repeat;padding-left:18px}#clubsjihua_div_clubs .biaoti em a:hover{color:red;text-decoration:underline}
在所有需要该公用css的html页面的head/head中的任意位置加入link href="CSS文件的相对路径或绝对路径" rel="stylesheet" type="text/css" /,注意css的路径。
例如:
style.css 在 css文件夹里,html文件和css文件夹在同一目录下
link href="./style.css" rel="stylesheet" type="text/css" /
普通css怎么写就怎么写呀,公用的只是每个页面都在用的css而已
/*全局样式*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;background:#FFF;color:#000;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#f60;}