1、既然你都用了byClassName,說明他們都有同一個類名,你直接再css里面改這個類名的樣式就行了。
成都創(chuàng)新互聯(lián)是一家朝氣蓬勃的網(wǎng)站建設(shè)公司。公司專注于為企業(yè)提供信息化建設(shè)解決方案。從事網(wǎng)站開發(fā),網(wǎng)站制作,網(wǎng)站設(shè)計,網(wǎng)站模板,微信公眾號開發(fā),軟件開發(fā),微信小程序,10多年建站對混凝土泵車等多個方面,擁有豐富的網(wǎng)站制作經(jīng)驗。
2、你要用js修改,你修改的是內(nèi)聯(lián)樣式,那你只有每一個用for循環(huán)來修改。
3、或者你可以就寫一個新的公共樣式,然后for循環(huán)給每一個你需要修改樣式的標(biāo)簽用setAttribute("class",newClassName)就行了。將新的類名加上去去覆蓋之前類的樣式
如果你擔(dān)心你的顏色值經(jīng)常變動
建議,你用SCSS來寫CSS代碼
把經(jīng)常,或者 可能 變動的值 寫成變量。
具體,你可以查看scss的官網(wǎng)。
在一個web程序中,我們往往希望頁面中的一些最基本的樣式是統(tǒng)一的,這樣可以給人整齊劃一的感覺,同時也可以省去很多重復(fù)冗余的css代碼,下面是我經(jīng)常用到的頁面默認(rèn)樣式,也就是程序的每個頁面都會首先載入這個樣式,然后再依據(jù)其自身的特點載入自己特有的樣式,可以參考一下
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;}