風格在一個CSS聲明中div的公用組

我有幾個使用Javascript動態創建的div。我想知道是否可以將它們全部設置爲一次。風格在一個CSS聲明中div的公用組

#somediv { 
    background-color: #F2F5FC; 
    border-style:solid; 
    border-bottom:thin dotted #33ccff; 
} 

#somediv2 { 
    background-color: #F2F5FC; 
    border-style:solid; 
    border-bottom:thin dotted #33ccff; 
}

...等等（這甚至可能50的div）

我想改變這類似：

#somediv* { 
    background-color: #F2F5FC; 
    border-style:solid; 
    border-bottom:thin dotted #33ccff; 
}

來源

2010-03-20 Vonder

如果他們將是完全一樣的，使用樣式一類，look here for the difference：

.divClass { 
    background-color: #F2F5FC; 
    border-style:solid; 
    border-bottom:thin dotted #33ccff; 
}

然後你的div是這樣的：

<div id="somediv" class="divClass"></div> 
<div id="somediv2" class="divClass"></div>

只要編輯你的腳本包括類的屬性，是迄今爲止最簡單的解決方案......這是正是是什麼類:)

來源

2010-03-20 18:12:14

#somediv, #somediv2 { 
    background-color: #F2F5FC; 
    border-style:solid; 
    border-bottom:thin dotted #33ccff; 
}

來源

2010-03-20 17:53:47 rpiontek

是的，但如果我有50個div，該怎麼辦？ – Vonder 2010-03-20 17:54:57

然後像其他人所建議的那樣，使用一個類，或者輸入很多逗號。 – rpiontek 2010-03-20 18:14:22

@Vafello，那麼你可以使用 - 取決於你的觀衆 - CSS的'starts-with'選擇器（參見我的答案），儘管一個普通的類會更加實用和易於使用。 – 2010-03-20 18:24:11

給你動態創建的div一個班級，然後風格的班級。或者，也許如果要插入新的div到一個容器中，你可以根據剛剛選擇：

<div id='stuff_goes_here'> 
    <!-- ... dynamic divs will go here ... --> 
</div>

然後：

#stuff_goes_here div { 
    /* ... styles ... */ 
}

來源

2010-03-20 18:12:09 rfunduk

我怎麼沒有想到這一點。天才：） – Vonder 2010-03-20 18:18:16

我個人建議使用class，因爲這是他們爲了;你可以，不過，做到這一點，只要你想：

div[id^=somediv] 
{ 
/* css styles */ 
}

使用CSS starts-with選擇（http://reference.sitepoint.com/css/css3attributeselectors），雖然它依賴於CSS 3（我認爲）實現在用戶/觀衆。

來源

2010-03-20 18:21:06

這是創建類屬性來處理的。給你所有的div的同一類，你可以這樣說：

.divclass { 
    background-color: #F2F5FC; 
    border-style:solid; 
    border-bottom:thin dotted #33ccff; 
}

但如果你真的需要做你問什麼，你可以使用選擇的一種新形式。以下內容將匹配以'somediv'開頭的所有ID，但在舊版瀏覽器中無效：

[id^=somediv] { 
    background-color: #F2F5FC; 
    border-style:solid; 
    border-bottom:thin dotted #33ccff; 
}

來源

2010-03-20 18:23:29 swestrup

風格在一個CSS聲明中div的公用組

回答

相關問題