2012-07-25 56 views
1

如何在main.css中的類中指定鏈接屬性。類中的CSS鏈接屬性.net

當放入CSS文件的未定義區域時,標準鏈接屬性很好。

a:link { color:white } 

但是,如果我想創建一個類,以便我只定義如何將屬性應用於菜單它的錯誤作爲語法錯誤。例如。

menuLinks { 
      a:link { color:white } 
} 

將顯示爲錯誤,那麼如何定義類中的鏈接屬性。我正在使用Visual Web開發人員2010

回答

2

您不能「嵌套」大括號。

假設menuLinks是對象的id,用這個...

#menuLinks a:link { color:white; } 

如果menuLinks爲對象的class,使用此...基於

.menuLinks a:link { color:white; } 

UPDATE在評論...

而不是有個別塊李柯本...

#Menu a:link { color:white; } 
#Menu a:link { text-decoration:none; } 

你可以將它們組合成一個單一的塊...

#Menu a:link { color:white; text-decoration:none; } 

這也可以寫成這樣可以更容易閱讀,這取決於有多少項目,你有...

#Menu a:link { 
    color:white; 
    text-decoration:none; 
} 
+0

所以,如果我已經定義在我的母版一

menuLinks
和菜單中包含的鏈接我要調整我的CSS defition #menuLinks {.menuLinks一個內使用.menuLinks符號:鏈接{顏色:白色; } .menuLinks a:hover {color:blue; } } – sayth 2012-07-25 20:41:46

+0

@sayth,我認爲你需要了解HTML和CSS。我在答覆中說過,大括號(即'{}')**不能**嵌套。 – freefaller 2012-07-25 20:47:05

+1

@sayth,看看[本教程](http://www.w3.org/Style/Examples/011/firstcss.en。html),它會告訴你如何格式化CSS以及如何處理'id'和'class'定義 – freefaller 2012-07-25 20:55:23

1

使用descendent selector

menuLinks a:link {} 

需要注意的是:

  • menuLinks將匹配<menuLinks>這是不合法的HTML
  • CSS沒有類(而不是面向對象的編程語言)。它有規則,這些規則包含在以選擇器爲前綴的規則集中。 (CSS有一個選擇HTML(或其他標記語言)類的類選擇器)
  • CSS沒有屬性,它具有值,屬性,規則,規則集和其他一些東西。