CSS:hover選擇器

時間 2021-02-16

標籤 html segmentfault 字體指針 code htm blog utf-8 meta 欄目 CSS 简体版

原文原文鏈接

在鼠標浮動在元素上後，元素的樣式改變的狀況下，:hover選擇器是一種很好的選擇。接下來看看:hover的相關定義及用法。html

:hover選擇器用於選擇鼠標指針浮動在上面的元素。segmentfault

注意：字體

1.一開始我覺得:hover選擇器只可用於連接上，但事實上，它竟能夠用於全部的元素。
2.在CSS定義中，:hover必須位於:link和:visited以後（若是存在的話），這樣才能夠生效。指針

下面來看一段使用的代碼。code

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <style>
        p:hover{color:red;}
        /*第二個注意事項，能夠改變a:hover的位置來驗證*/
        a:link    {color:blue;}
        a:visited {color:blue;}
        a:hover   {color:red;}
        a:active  {color:yellow;}
    </style>
<head>
<body>
    <p>當鼠標滑過期，字體變紅</p>
    <a href="http://segmentfault.com/blog/sexyMustaches">sexyMustaches</a>
</body>
</html>

相關標籤/搜索