css超鏈接偽類(lèi)的作用有哪些

這篇文章主要介紹“css超鏈接偽類(lèi)的作用有哪些”，在日常操作中，相信很多人在css超鏈接偽類(lèi)的作用有哪些問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”css超鏈接偽類(lèi)的作用有哪些”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

超過(guò)10年行業(yè)經(jīng)驗(yàn)，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營(yíng)模式，全靠網(wǎng)絡(luò)和口碑獲得客戶(hù)，為自己降低成本，也就是為客戶(hù)降低成本。到目前業(yè)務(wù)范圍包括了：網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，小程序開(kāi)發(fā)，微信開(kāi)發(fā)，app軟件開(kāi)發(fā)，同時(shí)也可以讓客戶(hù)的網(wǎng)站和網(wǎng)絡(luò)營(yíng)銷(xiāo)和我們一樣獲得訂單和生意！

4種css超鏈接偽類(lèi)的作用：1、“:link”，定義正常鏈接的樣式；2、“:visited”，定義已訪問(wèn)過(guò)鏈接的樣式；3、“:hover”，定義鼠標(biāo)懸浮在鏈接上時(shí)的樣式；4、“active”，定義鼠標(biāo)點(diǎn)擊鏈接時(shí)的樣式。

css超鏈接偽類(lèi)的作用有哪些

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

因?yàn)槲覀円x鏈接樣式，所以其中必不可少的就是超級(jí)鏈接中的錨標(biāo)簽--a，錨標(biāo)簽和偽類(lèi)鏈接起來(lái)書(shū)寫(xiě)的方法就是定義鏈接樣式的基礎(chǔ)方法，它們的寫(xiě)法如下：

a:link，定義正常鏈接的樣式；
a:visited，定義已訪問(wèn)過(guò)鏈接的樣式；
a:hover，定義鼠標(biāo)懸浮在鏈接上時(shí)的樣式；
a:active，定義鼠標(biāo)點(diǎn)擊鏈接時(shí)的樣式。

其中：:link和:visited只能適用于設(shè)置超鏈接a，:hover和:active則可適用所有元素

:hover 用來(lái)表示鼠標(biāo)移入的狀態(tài)
:active 用來(lái)表示鼠標(biāo)點(diǎn)擊

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>超鏈接的偽類(lèi)</title>
    <link rel="stylesheet" href="../css/a.css">
</head>
<body>
     <a href="https://www.12345.com/" target="__blank">沒(méi)訪問(wèn)過(guò)的鏈接</a>
     <br>
     <a href="https://www.csdn.net/" target="__blank">訪問(wèn)過(guò)的鏈接</a>
</body>
</html>

/* 沒(méi)訪問(wèn)過(guò)的鏈接狀態(tài) */
a:link{
    font-size: 20px;
    color: hotpink;
}
/* 訪問(wèn)過(guò)的鏈接狀態(tài) */
a:visited{
    color: green;
}
/* 鼠標(biāo)移入鏈接時(shí)的狀態(tài) */
a:hover{
    color: rgb(0, 217, 255);
}
/* 鼠標(biāo)點(diǎn)擊鏈接時(shí)的狀態(tài) */
a:active{
    color: rgb(255, 0, 0);
}

css超鏈接偽類(lèi)的作用有哪些

注意：只要曾經(jīng)搜索過(guò)都算訪問(wèn)過(guò)的，除非清除歷史瀏覽緩存數(shù)據(jù)。

偽元素

偽元素，頁(yè)面中一些特殊的并不真實(shí)存在的元素，偽元素表示一些特殊的位置。偽元素使用 :: 開(kāi)頭

::first-letter 表示第一個(gè)字母
::first-line 表示第一行
::selection 表示選中的內(nèi)容
::before 元素的開(kāi)始
::after 元素的最后

注意：

1、因?yàn)樵O(shè)置::before和::after沒(méi)有任何效果，所以::before和::after必須結(jié)合content屬性來(lái)使用。 2、content內(nèi)添加的內(nèi)容鼠標(biāo)無(wú)法選中。
3、html中的q標(biāo)簽表示短引用，有增加雙引號(hào)效果，原理是運(yùn)用了::before和::after屬性，content中加上了雙引號(hào)，所以q標(biāo)簽的雙引號(hào)也無(wú)法選中。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>偽元素</title>
    <link rel="stylesheet" href="../css/pseudo_element.css">
</head>
<body>
    <h4>WHERE THERE IS A WILL, THERE IS A WAY</h4>
     <p>The secret of success (The key to success) is not so much money as a strong will. A great man is one who has a strong will and an indomitable spirit. In other words, if a man does not have a strong will to win (get) the final victory, he will never succeed in his life. He is no more than a failure.It is quite obvious that there is no difficult thing (nothing difficult) in the world. if you make up your mind to do it, you will certainly accomplish your end. That stands to reason.</p>
</body>
</html>

/* 第一個(gè)字母設(shè)置像素為50px */
::first-letter{
    font-size: 50px;
}
/* 第一行設(shè)置綠色 */
::first-line{
    color: green;
}
/* 鼠標(biāo)選中的字體背景設(shè)置為橙色 */
::selection{
    background-color: sandybrown;
}
/* 元素p內(nèi)容開(kāi)始之前添加符號(hào) ?，結(jié)尾添加符號(hào)?，注意該符號(hào)鼠標(biāo)無(wú)法被選中*/
p::before{
    content: "?";
}
p::after{
    content: "?";
}

css超鏈接偽類(lèi)的作用有哪些

到此，關(guān)于“css超鏈接偽類(lèi)的作用有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

當(dāng)前標(biāo)題：css超鏈接偽類(lèi)的作用有哪些
當(dāng)前路徑：http://www.rwnh.cn/article44/pgsdee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、品牌網(wǎng)站制作、App開(kāi)發(fā)、響應(yīng)式網(wǎng)站、用戶(hù)體驗(yàn)、網(wǎng)站維護(hù)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

css超鏈接偽類(lèi)的作用有哪些

偽元素