文本鏈接問題的基本CSS？

下面是4種不同狀態下的文本鏈接的CSS - 鏈接，訪問，懸停和活動。文本鏈接問題的基本CSS？

我是否需要爲每個類型的鏈接類都執行此CSS代碼，其中一些類甚至不改變外觀。（鏈接，訪問，懸停，活動）如果只有文本鏈接的外觀改變懸停和鏈接，我只需要下面的那些類2，或者我應該仍然使用全部4？

<style> 
a.comment_mod:link { 
    font-family: arial; 
    font-size: 14px; 
    font-weight: bold; 
    color: #003366; 
    text-decoration: none; 
} 
a.comment_mod:visited { 
    font-family: arial; 
    font-size: 14px; 
    font-weight: bold; 
    color: #003366; 
    text-decoration: none; 
} 
a.comment_mod:hover { 
    font-family: arial; 
    font-size: 14px; 
    font-weight: bold; 
    color: #000000; 
    border-bottom:1px dotted #000000; 
} 
a.comment_mod:active { 
    font-family: arial; 
    font-size: 14px; 
    font-weight: bold; 
    color: #003366; 
    text-decoration: none; 
} 
</style>

來源

2009-08-28 JasonDavis

如果:link和:visited之間沒有變化，則可以忽略後者。如果:hover和:active是相同的。然後，只需定義commeon部分在:link並覆蓋要在:hover改變什麼：

a.comment_mod:link { 
    font-family: arial; 
    font-size: 14px; 
    font-weight: bold; 
    color: #003366; 
    text-decoration: none; 
} 

a.comment_mod:hover { 
    color: #000000; 
    border-bottom:1px dotted #000000; 
}

編輯：如果你想:active（這是風格，當鼠標按鍵時的鏈接）的樣子:link，然後一起指定。如果你沒有指定它，它會看起來像:hover。如果一個國家從改變造型

a.comment_mod:link, 
a.comment_mod:active 
{ 
    font-family: arial; 
    font-size: 14px; 
    font-weight: bold; 
    color: #003366; 
    text-decoration: none; 
} 

a.comment_mod:hover { 
    color: #000000; 
    border-bottom:1px dotted #000000; 
}

來源

2009-08-28 23:36:40

您可以使用：

a.comment_mod { 
    ... defaults ... 
} 

a.comment_mod:active { 
    ... only things that change ... 
}

來源

2009-08-28 23:34:19

首先，如果所有的國家都有一個共同的造型，你可以聲明樣式像這樣

a.comment_mod 
{ 
font-family: arial; 
font-size: 14px; 
font-weight: bold; 
text-decoration: none; 
}

：所以，使其與原始造型規範，然後你宣佈它。

a.comment_mod:hover 
{ 
color: #000; 
border-bottom:1px dotted #000000; 
}

可以同時申報多個元素的造型，如果他們共享樣式：

a.comment_mod:hover, a.other_mod:hover 
{ 
color: #000; 
}

來源

2009-08-28 23:39:34

文本鏈接問題的基本CSS？

回答

相關問題