2014-03-03 72 views
-2

所以在我的CSS文件,我有:如何爲一個特定的「a」實例定義CSS?

a { 
    color:#00adef; 
    text-decoration: none; 
    font-weight:bold 
} 

但我不希望所有的鏈接是一定的色差/重量。那麼如何創建它的特定「實例」,以便我可以爲特定div(比如nav)中的所有HTML標記定義CSS,但不會影響該div之外的鏈接?

+1

'A#linkwithid {...}'。 – putvande

回答

2

你可以使你的「a」標籤,選擇器,id或類特定。像這樣..

nav a{ 
    color:#f00; 
    text-decoration:none; 
    font-size:20px; 
} 
#menu a{ 
color:blue; 
text-decoration:underline; 
font-size:16px; 
} 
.menu a{ 
color:green; 
text-decoration:underline; 
font-size:14px; 
} 
6

假設你的div有ID nav,你想它裏面的所有鏈接有這些款式...

#nav a { 
    color:#00adef; 
    text-decoration: none; 
    font-weight:bold 
} 

或者,你可以指定一個類來具體環節..使用這個CSS

<a href="..." class="my-link-class">Link1</a> 
<a href="..." class="my-link-class">Link2</a> 

a.my-link-class { 
    color:#00adef; 
    text-decoration: none; 
    font-weight:bold 
} 
3

只是讓規則具體到DIV#導航標籤內的所有錨:

#nav a { 
    color:#00adef; 
    text-decoration: none; 
    font-weight:bold 
} 
2

您可以選擇一個塊中的特定環節的基本CSS語法和nav HTML5標籤:

nav a { /* every "a" tag in nav blocks */ 
    color:#00adef; 
    text-decoration: none; 
    font-weight:bold 
} 

你如果你有很多與類或ID可以指定哪些div

div#nav a { /* every "a" tag in nav block id="nav" */ 
    color:#00adef; 
    text-decoration: none; 
    font-weight:bold 
} 
0

內DIV ID =「導航」中的所有「a」元素將具有相同的樣式,就像您通過CSS設置的那樣(就像您在下面看到的第一個div)。當鼠標位於「a」元素上方時,您還可以創建第二個div來管理樣式。

#nav a { 
color:#00adef; 
text-decoration: none; 
font-weight:bold;} 

#nav a:hover{ 
color:grey; 
text-decoration: underline; 
font-weight:bold;} 
0
#a1 { 
    color:#00adef; 
    text-decoration: none; 
    font-weight:bold 
} 

<a href="..." >Link</a> 
<a href="..." id="a1">Link1</a> 
<a href="..." >Link2</a> 
相關問題