<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # a標簽的偽類 1.概念 a標簽可以根據用戶的不同行為的觸發,從而實現四種狀態的樣式 這4種狀態是可以設置的,我們稱之為偽類。 a:link 偽類一種 a:visited{ } a:hover{ } a:active{ } ## link 訪問前的狀態 ## ## visited 訪問后的狀態 ## ## hover 鼠標懸停狀態 ## ## active 鼠標點擊狀態 # 普通元素的偽類: 非超級鏈接,可以設置偽類狀態,此時只有兩個狀態可以使用,分別是hover和active 偽類選擇器:規定一定要先設置好需要的選擇器,推薦使用class類名,不會引起沖突,或者使用后代選擇器精確匹配,以防打亂頁面狀態。 例子 ``` <a class="box"> 偽類可以設置為 .box:link{ } .box:visited { } .box:hover{ } .box:active{ } ``` 偽類的權重和普通選擇器權重是一樣的 書寫順序 a標簽有時會有2-3個觸發狀態,一定按照書寫順序去執行 先 link 再 visited 再 hover 再active 實際應用 所有的偽類種,最常用的是hover 一個實際的頁面中,為了保持頁面的統一狀態,此時會將a標簽訪問前訪問后的狀態進行統一設置 (也就是設置 link和valid為同一個顏色) 如代碼: ``` a:link,a:valid{ color:rgb(113, 0, 179) } a:hover{ color:crimson; } a:active{ color:rgb(36, 0, 197) } </style> </head> <body> <a href="https://www.baidu.com">點擊跳轉到百度</a> </body> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看