所以在我的CSS文件,我有:如何爲一個特定的「a」實例定義CSS?
a {
color:#00adef;
text-decoration: none;
font-weight:bold
}
但我不希望所有的鏈接是一定的色差/重量。那麼如何創建它的特定「實例」,以便我可以爲特定div(比如nav)中的所有HTML標記定義CSS,但不會影響該div之外的鏈接?
所以在我的CSS文件,我有:如何爲一個特定的「a」實例定義CSS?
a {
color:#00adef;
text-decoration: none;
font-weight:bold
}
但我不希望所有的鏈接是一定的色差/重量。那麼如何創建它的特定「實例」,以便我可以爲特定div(比如nav)中的所有HTML標記定義CSS,但不會影響該div之外的鏈接?
你可以使你的「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;
}
假設你的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
}
。
只是讓規則具體到DIV#導航標籤內的所有錨:
#nav a {
color:#00adef;
text-decoration: none;
font-weight:bold
}
您可以選擇一個塊中的特定環節的基本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
}
內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;}
#a1 {
color:#00adef;
text-decoration: none;
font-weight:bold
}
<a href="..." >Link</a>
<a href="..." id="a1">Link1</a>
<a href="..." >Link2</a>
'A#linkwithid {...}'。 – putvande