2017-07-06 106 views
-1

我想重用給定的css格式.parsley-errors-list > li,並將其應用於不同於它設計用於的HTML元素。我想將它應用到<span>以便不創建另一個重複的樣式,並確保span的樣式總是與.parsley-errors-list > li相同。重複使用CSS樣式並應用於其他HTML元素

.parsley-errors-list { 
    display: none; 
    margin: 0; 
    padding: 0; 
} 

.parsley-errors-list > li { 
    font-size: 12px; 
    list-style: none; 
    color: #f05050; 
} 

編輯:

由於CSS的樣品是可更新的主題的一部分,所以我想避免改變它的可維護性。

+3

'.parsley-錯誤列表>裏,span' – j08691

回答

3

這很容易做到。只要把一個逗號的CSS選擇器這樣的:

.parsley-errors-list > li, span { 
    font-size: 12px; 
    list-style: none; 
    color: #f05050; 
} 
+0

謝謝,但是這將適用於所有'span'元素。其次要求我修改CSS文件,這是可更新主題的一部分,所以我想避免爲了可維護性而改變它。有沒有其他方法可以在'span'中重複使用'.parsley-errors-list'? – Megrez7

+2

@ Megrez7無論如何你都需要修改css文件。您基本上列出了用逗號分隔的規則選擇器,因此相同的樣式適用於所有選擇器 – Huangism

相關問題