2014-05-12 74 views
-1

我用兩個.html文件A和B.添加「:前」外部樣式類

A.html有風格元素斧如下

<style 
    .Ax { 
    content: '' 
    disaply: 
    } 
</style> 

B.html具有樣式元素如下:

<style 
    .By { 
    content: '' 
    disaply: 
    } 

< want to add .Ax:before here>?? 
</style> 

我想在B.html中添加.Ax:之前。基本上我想在.Ax UI之前擁有一個UI元素,但該UI元素的數據只能在B.html中填充。所以我想確保它在之前被加載.Ax UI

如何在A.html中的樣式類中添加「:before」到B.html?我已經使用了preserve來確保兩個樣式元素名稱保持不變。

回答

0

首先,content:只適用於:before:after僞元素。所以,你需要更多的像這樣定義它:

<style> 
    .Ax {} 
    .Ax:before { 
     content: ''; 
    } 
</style> 

你可以使用<link/>元素在<head>兩個A.html和B.html鏈接到同一個CSS文件。 - 在該文件中,您可以定義兩種:before樣式。

.Ax {} 
.By {} 
.Ax:before, 
.By:before { 
    content: ''; 
} 
+0

謝謝。如果我們確保兩者都鏈接,是否可以避免創建新文件? – mmehra

+0

如果您鏈接到相同的.css文件,那麼您可以爲所有樣式創建一個文件。 – dylanjameswagner