摘要:通過我們的觀察發(fā)現(xiàn)標(biāo)簽存在一定的狀態(tài)默認(rèn)狀態(tài)從未被訪問過被訪問過的狀態(tài)鼠標(biāo)長按狀態(tài)鼠標(biāo)懸停在標(biāo)簽上狀態(tài)什么是標(biāo)簽的偽類選擇器標(biāo)簽的偽類選擇器是專門用來修改標(biāo)簽不同狀態(tài)的樣式的格式修改從未被訪問過狀態(tài)下的樣式修改被訪問過的狀態(tài)下的樣式修改鼠標(biāo)
1.通過我們的觀察發(fā)現(xiàn)a標(biāo)簽存在一定的狀態(tài)
1.1默認(rèn)狀態(tài), 從未被訪問過
1.2被訪問過的狀態(tài)
1.3鼠標(biāo)長按狀態(tài)
1.4鼠標(biāo)懸停在a標(biāo)簽上狀態(tài)
2.什么是a標(biāo)簽的偽類選擇器?
a標(biāo)簽的偽類選擇器是專門用來修改a標(biāo)簽不同狀態(tài)的樣式的
3.格式
:link 修改從未被訪問過狀態(tài)下的樣式
:visited 修改被訪問過的狀態(tài)下的樣式
:hover 修改鼠標(biāo)懸停在a標(biāo)簽上狀態(tài)下的樣式
:active 修改鼠標(biāo)長按狀態(tài)下的樣式
4.注意點
4.1a標(biāo)簽的偽類選擇器可以多帶帶出現(xiàn)也可以一起出現(xiàn)
4.2a標(biāo)簽的偽類選擇器如果一起出現(xiàn), 那么有嚴(yán)格的順序要求
編寫的順序必須要個的遵守愛恨原則 love hate
4.3如果默認(rèn)狀態(tài)的樣式和被訪問過狀態(tài)的樣式一樣, 那么可以縮寫
在企業(yè)開發(fā)中編寫a標(biāo)簽的偽類選擇器最好寫在標(biāo)簽選擇器的后面 2.在企業(yè)開發(fā)中和a標(biāo)簽盒子相關(guān)的屬性都寫在標(biāo)簽選擇器中(顯示模式/寬度/寬度) 3.在企業(yè)開發(fā)中a標(biāo)簽文字/背景/相關(guān)的都寫在偽類選擇器中。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/1086.html
摘要:,,層疊樣式表,請留意層疊概念。為了區(qū)分偽類和偽元素,偽元素采用雙冒號寫法。常見偽類。常見偽元素。和偽元素的用法和下特有的,用于在渲染中向元素邏輯上的頭部或尾部添加內(nèi)容。CSS,cascading style sheet,層疊樣式表,請留意層疊概念。 css3為了區(qū)分偽類和偽元素,偽元素采用雙冒號寫法。 常見偽類——:hover,:link,:active,:targ...
摘要:本節(jié)內(nèi)容會跟著上一節(jié)的內(nèi)容繼續(xù)完善,首先會補充選擇器的瀏覽器支持情況主要是說,比如我們最常用的群組選擇器在時才被支持,并且還支持了很多我們沒有想到的選擇器,如子元素選擇器,屬性選擇器,了解后你會發(fā)現(xiàn)還是挺了不起的。 前言 上一篇系列文章整理了CSS選擇器的基礎(chǔ)使用方法,因為內(nèi)容較多且細致,寫了很多DEMO,目前將它整理成適合移動端瀏覽器的CSS選擇器的參考手冊,方便學(xué)習(xí)CSS的人參考使...
摘要:可以是數(shù)字,關(guān)鍵詞或公式十一目標(biāo)偽類選擇器器目標(biāo)偽類選擇器選擇器可用于選取當(dāng)前活動的目標(biāo)元素基礎(chǔ)選擇器一、標(biāo)簽選擇器(元素選擇器)標(biāo)簽選擇器是指用HTML標(biāo)簽名稱作為選擇器,按標(biāo)簽名稱分類語法:標(biāo)簽名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;} 二、類選擇器1、類選擇器使用.(英文)+類名進行選擇 三、css命名規(guī)范1、長名稱或詞組可以使用中橫線來為選擇器命名2、不建議使用_下...
摘要:如果頁面上的鏈接很多或者對跳轉(zhuǎn)頁面的協(xié)議有要求,使用屬性選擇器配合偽元素對鏈接的協(xié)議進行提示也不失為一種好方法。 CSS 屬性選擇器,可以通過已經(jīng)存在的屬性名或?qū)傩灾灯ヅ湓亍?屬性選擇器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本文將會比較全面的介紹屬性選擇器,盡可能的去挖掘這個選擇器在不同場景下的不同用法。 簡單的語法介紹 [attr]:該選擇器選擇包含 att...
摘要:通用兄弟選擇器通用兄弟元素選擇器是新增加一種選擇器,用于選擇某元素后面的所有兄弟元素。 樣式表 1.link標(biāo)簽 外部樣式表 。 media屬性,這里使用的值為all,說明這個樣式表要應(yīng)用于所有表現(xiàn)的媒體。CSS2為這個屬性定義很多可取值。all:用于所有表現(xiàn)媒體。 2.alternate 候選樣式表 候選樣式表——將rel設(shè)置為alternate stylesheet,就可以定義候選...
閱讀 943·2023-04-25 19:43
閱讀 4239·2021-11-30 14:52
閱讀 4024·2021-11-30 14:52
閱讀 4132·2021-11-29 11:00
閱讀 4023·2021-11-29 11:00
閱讀 4154·2021-11-29 11:00
閱讀 3871·2021-11-29 11:00
閱讀 6761·2021-11-29 11:00