2013-02-28 92 views
1

我包括在正常的方式樣式是這樣的:應用樣式只有一個元素

<link rel="stylesheet" href="/css/boostrap.css" type="text/css" /> 

這個風格有很大的毀壞我的主視圖樣式,它適用於body元素,是有可能僅將樣式應用於一個特定的div?

+0

現在,完全取決於你的CSS文件 – nunespascal 2013-02-28 12:12:57

回答

1

<div>放入一個單獨的頁面,並僅在該頁面中包含引導程序CSS。

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="/css/boostrap.css" type="text/css" /> 
    </head> 
    <body> 
     <div>This is your DIV</div> 
    </body> 
</html> 

你的主頁不會受感動,你就可以展示在主頁內該div簡單地使用iframe,改變(例如)這樣的:

<div>This is your DIV</div> 

要這樣:

<iframe src="url of the other page"></iframe> 

當然,你可能需要改變一點邏輯的頁面,以適應這種(初級我猜的,因爲服務器端的C#代碼,用於客戶端的JavaScript代碼應該更容易,因爲來自同一個域)。

+0

什麼,但然後我在母版頁,我不想 – kosnkov 2013-02-28 12:17:37

+0

@kosnkov反應不,不要放在主頁面。 「其他頁面」沒有母版頁(讓我們嘗試鏈接一個簡單的HTML頁面,看看它如何工作,你會明白)。當然,Bootstrap CSS的鏈接只能在「其他頁面」中。 – 2013-02-28 12:20:00

-1

是的,你可以做到這一點ID:

<div id="myDiv"></div> 

,然後CSS將是:

#myDiv { ... } 

,這將是樣式應用到任何命名myDiv。你也可以使用類:

<div class="someClass"></div> 

,然後CSS將是:

.someClass { ... } 

,這將是樣式應用到任何連接該類。


根據你所描述的東西,周圍是打碎了已經定義的CSS的CSS的一般性,你會想擺脫那些一般元素的風格和使用的ID,因爲它聽起來像你試圖合併一些CSS。

-1

您嘗試使用javascript代碼刪除所有樣式的身體,然後在正確的css中爲身體樣式添加名稱/標識後,將其設置爲您的身體的類屬性。 (文件完全加載後也是js代碼)

另一個(愚蠢的)解決方案取決於你在css文件中有什麼。您可以編輯/css/boostrap.css,只需用「.body1」(fe =>從中創建一個類)來替換所有正文單詞?

相關問題