2011-12-15 76 views
0

例如使用命名空間:爲鏈接CSS文件

<html> 
<head> 
    <link href="css/style1.css" type="text/css" /> 
    <link href="css/style2.css" type="text/css" /> 
</head> 

<body> 

<div>I want to use style1.css within this div<div> 
<div>I want to use style2.css within this div<div> 

<body> 

有沒有更多鈔票的方式來做到這樣呢?

謝謝。

+0

只需使用一個.css文件並通過ID的 – 2011-12-15 13:04:13

+0

指定您的編隊您是否得到了滿意的解決方案? – SamStar 2012-01-24 16:22:48

回答

0

正如你所寫,這是不可能的,但你可以只給id的div標籤id和格式。所以你只需添加一個CSS文件,它可以給你一個更好的概述,structre和網站加載速度更快。 HTML標記

<div id='first'></div> 
<div id='second'></div> 

並在CSS

#first{ 
    background-color:red; 
} 

#second{ 
    background-color:green; 
} 

使用的ID可以確保訪問是比使用類更快。如果你想對div的內容進行不同的設計,你也可以這樣做。

1

在你的兩個文件中定義不同的類div

例如,在style1.css你可能有:

div.class1 
{ 
background-color: red; 
} 

而且在style2.css你可能有:

div.class2 
{ 
background-color: blue; 
} 

然後改變你的代碼,以反映您希望各具風格,即:

<div class="class1">I want to use style1.css within this div<div> 
<div class="class2">I want to use style2.css within this div<div> 
0

如果我是你,我也會使用類來定義哪些樣式轉到哪個div。但是,我不會爲每個類使用單獨的樣式表。我會將這兩個類合併成一個樣式表,因爲像EvilP所說的那樣,加載兩個單獨的css文件可能會很慢。 此外,我會避免使用ID,因爲一個類可以有效地完成這項工作,因爲一個ID只用於定位一個特定元素,而一個類不需要,但可以定位多個元素。所以一個班級更全面。