加入多個類包括段落選擇

我想用這樣的：加入多個類包括段落選擇

.box-03c1 p {line-height: 12.5px;padding: 15px 12px} 
.box-03c2 p {line-height: 12.5px;padding: 15px 12px} 
.box-03c3 p {line-height: 12.5px;padding: 15px 12px} 
.box-03c4 p {line-height: 12.5px;padding: 15px 12px}

但我知道有一些方法，以縮短它...

正如你所看到的參數是重複的。

任何線索？

我會很感激。

謝謝！

來源

2015-10-14 Gill Soriano

-1

您可以將所有的選擇在一起，就像這樣：

.box-03c1 p, 
.box-03c2 p, 
.box-03c3 p, 
.box-03c4 p { 
    line-height: 12.5px;padding: 15px 12px 
}

來源

2015-10-14 21:53:54

這真的很有幫助，非常感謝！我知道這是一個這樣的解決方案。 –

[class^="box-"] p{ 
    line-height: 12.5px; 
    padding: 15px 12px; 
}

這段代碼將適用於一類與「箱 - 」開頭的元素中的屬性，以每p。這是選擇在CSS3引入元素

來源

2015-10-14 21:54:13

根據使用情況，我非常喜歡我提議的解決方案。 – Todd

該方法是相同的，所以這似乎是一個合乎邏輯的解決方案 –

我喜歡這個，更復雜但更乾淨。謝謝！ –

可以使用attribute類型選擇來實現這是一個非常有效的方法：

//never used this, but seems to be a great use-case 
[class|=box] p { 
    line-height: 12.5px; 
    padding: 15px 12px; 
}

注意，這將選擇的div一類的box，以及，而不僅僅是box-*。

來源

2015-10-14 21:59:16 Todd

有趣的是，我不知道這一個。總體而言，儘管我認爲我更喜歡「開始於」up-caret選擇器。 –

「如果等號前面有一個管道（|），那麼選擇器將匹配其屬性值形成指定值的單詞的連字符列表的元素，該操作符主要用於lang屬性。見 - http://courses.wccnet.edu/~jeggertsen/howtos/css/attribute_selector.html –

是的，這很好。 –

加入多個類包括段落選擇

回答

相關問題