2010-12-16 51 views
0

我需要一個簡單的<hr/>在擴展默認樣式的頁面(我使用Django模板框架);在這個默認頁面中,標準和不可觸及的樣式表樣式HR與border:none; height:1px但我想重置這些樣式爲其默認值。CSS:在不可觸摸的樣式表中定義的重置樣式

我試過把{border:1px inset; height:auto;}放在我的頁面中,但是我沒有得到與沒有任何樣式相同的方面。

有沒有方法可以恢復標籤的默認樣式?

回答

1

W3C定義了HTML文檔的默認樣式表,沒有任何覆蓋。您可以在此處找到完整的默認樣式表:http://www.w3.org/TR/CSS2/sample.html

或者,您可以在Firefox(或任何類似工具)中使用Firebug在未應用任何樣式的測試頁上查看<hr />元素的樣式。

0

當然,你需要給你的風格更大的重量;添加ID到您的<小時/>,或在CSS中做到這一點:

html body hr { ... your styles ... } 
+0

我知道,但我不知道這是缺省值邊境和高度... – Don 2010-12-16 15:10:03

0

號要麼你有沒有在第一時間應用樣式,或覆蓋每一個破碎的風格,明確的值。

4

爲了使您的規則適用,您需要確保您給規則比現有規則更具體,以覆蓋它。

例如,如果規則是這樣的:

hr { 
    /* rules */ 
} 

然後,你需要做這樣的事情:

html hr { 
    /* your rules */ 
} 

成績都是由這些基本的規則計算:

  • 元素,如div值得一分
  • 類,像.comment價值10點
  • IDS,像#user123是值得100點
  • 選擇器的總得分是所有部分的總和,所以div.class值得11(10用於.class和1爲div

(它實際上比這更復雜一些 - 看到this article的細節 - 但這種解釋可以作爲一個一般的規則)

編輯:

我剛剛看到您對不知道默認值的評論。

據Firebug的,一個hr似乎是這樣的:

hr { 
    height: 0; 
    width: 100%; 
    border: 1px solid #808080; 
    margin: 8px 0; 
} 

您可以使用在其他瀏覽器中提供的工具,看看他們是否使用了不同的風格,然後自己決定哪些會是最好的使用。

+0

當你重新解釋特異性,最好注意分數不是基數10,10個元素選擇器!= 1個類選擇器。相反,它是一個足夠高的基數,沒有任何「分數」翻過來 – Gareth 2010-12-16 15:25:58

+0

@Gareth:老實說,我從來沒有學過特異性*實際*的作品。我認爲這是一個有爭議的問題,因爲如果你有一個給定類型的選擇器,你可能會做一些非常錯誤的事情。 – AgentConundrum 2010-12-16 15:28:26

+0

@Gareth:我添加了一個解釋特異性的鏈接,比我寫的更詳細。 – AgentConundrum 2010-12-16 15:44:04

2

嘗試YUI 2 Base CSS,似乎是在做你想做的。甚至YUI 3 Base CSS

只有一個certain context

更新爲「恢復」默認樣式的可能性 剛纔檢查 - 基本CSS不包括人力資源元素的樣式

+0

我已經在使用Django和jQuery ...但是,你的提示很有用 – Don 2010-12-16 16:34:42

0

您也可以給你的使用!important屬性設置更多的權重。如果原來是這樣的:

.someClass { color: red } 

你可以用這個替代它:

.someClass { color: green !important}