成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

a標(biāo)簽偽類選擇器以及偽元素:hover的案例

番茄西紅柿 / 3775人閱讀

摘要:通過(guò)我們的觀察發(fā)現(xiàn)標(biāo)簽存在一定的狀態(tài)默認(rèn)狀態(tài)從未被訪問(wèn)過(guò)被訪問(wèn)過(guò)的狀態(tài)鼠標(biāo)長(zhǎng)按狀態(tài)鼠標(biāo)懸停在標(biāo)簽上狀態(tài)什么是標(biāo)簽的偽類選擇器標(biāo)簽的偽類選擇器是專門用來(lái)修改標(biāo)簽不同狀態(tài)的樣式的格式修改從未被訪問(wèn)過(guò)狀態(tài)下的樣式修改被訪問(wèn)過(guò)的狀態(tài)下的樣式修改鼠標(biāo)

1.通過(guò)我們的觀察發(fā)現(xiàn)a標(biāo)簽存在一定的狀態(tài)

1.1默認(rèn)狀態(tài), 從未被訪問(wèn)過(guò)

1.2被訪問(wèn)過(guò)的狀態(tài)

1.3鼠標(biāo)長(zhǎng)按狀態(tài)

1.4鼠標(biāo)懸停在a標(biāo)簽上狀態(tài)

2.什么是a標(biāo)簽的偽類選擇器?

a標(biāo)簽的偽類選擇器是專門用來(lái)修改a標(biāo)簽不同狀態(tài)的樣式的

3.格式

:link 修改從未被訪問(wèn)過(guò)狀態(tài)下的樣式

:visited 修改被訪問(wèn)過(guò)的狀態(tài)下的樣式

:hover 修改鼠標(biāo)懸停在a標(biāo)簽上狀態(tài)下的樣式

:active 修改鼠標(biāo)長(zhǎng)按狀態(tài)下的樣式

4.注意點(diǎn)

4.1a標(biāo)簽的偽類選擇器可以多帶帶出現(xiàn)也可以一起出現(xiàn)

4.2a標(biāo)簽的偽類選擇器如果一起出現(xiàn), 那么有嚴(yán)格的順序要求

編寫(xiě)的順序必須要個(gè)的遵守愛(ài)恨原則 love hate

4.3如果默認(rèn)狀態(tài)的樣式和被訪問(wèn)過(guò)狀態(tài)的樣式一樣, 那么可以縮寫(xiě)

在企業(yè)開(kāi)發(fā)中編寫(xiě)a標(biāo)簽的偽類選擇器最好寫(xiě)在標(biāo)簽選擇器的后面 2.在企業(yè)開(kāi)發(fā)中和a標(biāo)簽盒子相關(guān)的屬性都寫(xiě)在標(biāo)簽選擇器中(顯示模式/寬度/寬度) 3.在企業(yè)開(kāi)發(fā)中a標(biāo)簽文字/背景/相關(guān)的都寫(xiě)在偽類選擇器中。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1086.html

相關(guān)文章

  • CSS節(jié)選——選擇

    摘要:,,層疊樣式表,請(qǐng)留意層疊概念。為了區(qū)分偽類和偽元素,偽元素采用雙冒號(hào)寫(xiě)法。常見(jiàn)偽類。常見(jiàn)偽元素。和偽元素的用法和下特有的,用于在渲染中向元素邏輯上的頭部或尾部添加內(nèi)容。CSS,cascading style sheet,層疊樣式表,請(qǐng)留意層疊概念。 css3為了區(qū)分偽類和偽元素,偽元素采用雙冒號(hào)寫(xiě)法。 常見(jiàn)偽類——:hover,:link,:active,:targ...

    番茄西紅柿 評(píng)論0 收藏0
  • 玩轉(zhuǎn)CSS選擇(二) 之 瀏覽支持,常見(jiàn)Bug,性能優(yōu)化

    摘要:本節(jié)內(nèi)容會(huì)跟著上一節(jié)的內(nèi)容繼續(xù)完善,首先會(huì)補(bǔ)充選擇器的瀏覽器支持情況主要是說(shuō),比如我們最常用的群組選擇器在時(shí)才被支持,并且還支持了很多我們沒(méi)有想到的選擇器,如子元素選擇器,屬性選擇器,了解后你會(huì)發(fā)現(xiàn)還是挺了不起的。 前言 上一篇系列文章整理了CSS選擇器的基礎(chǔ)使用方法,因?yàn)閮?nèi)容較多且細(xì)致,寫(xiě)了很多DEMO,目前將它整理成適合移動(dòng)端瀏覽器的CSS選擇器的參考手冊(cè),方便學(xué)習(xí)CSS的人參考使...

    y1chuan 評(píng)論0 收藏0
  • 第十二課 CSS基本選擇 css學(xué)習(xí)2

    摘要:可以是數(shù)字,關(guān)鍵詞或公式十一目標(biāo)偽類選擇器器目標(biāo)偽類選擇器選擇器可用于選取當(dāng)前活動(dòng)的目標(biāo)元素基礎(chǔ)選擇器一、標(biāo)簽選擇器(元素選擇器)標(biāo)簽選擇器是指用HTML標(biāo)簽名稱作為選擇器,按標(biāo)簽名稱分類語(yǔ)法:標(biāo)簽名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;} 二、類選擇器1、類選擇器使用.(英文)+類名進(jìn)行選擇 三、css命名規(guī)范1、長(zhǎng)名稱或詞組可以使用中橫線來(lái)為選擇器命名2、不建議使用_下...

    khs1994 評(píng)論0 收藏0
  • CSS 屬性選擇深入挖掘

    摘要:如果頁(yè)面上的鏈接很多或者對(duì)跳轉(zhuǎn)頁(yè)面的協(xié)議有要求,使用屬性選擇器配合偽元素對(duì)鏈接的協(xié)議進(jìn)行提示也不失為一種好方法。 CSS 屬性選擇器,可以通過(guò)已經(jīng)存在的屬性名或?qū)傩灾灯ヅ湓亍?屬性選擇器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本文將會(huì)比較全面的介紹屬性選擇器,盡可能的去挖掘這個(gè)選擇器在不同場(chǎng)景下的不同用法。 簡(jiǎn)單的語(yǔ)法介紹 [attr]:該選擇器選擇包含 att...

    luoyibu 評(píng)論0 收藏0
  • css學(xué)習(xí)(一) 樣式表及選擇

    摘要:通用兄弟選擇器通用兄弟元素選擇器是新增加一種選擇器,用于選擇某元素后面的所有兄弟元素。 樣式表 1.link標(biāo)簽 外部樣式表 。 media屬性,這里使用的值為all,說(shuō)明這個(gè)樣式表要應(yīng)用于所有表現(xiàn)的媒體。CSS2為這個(gè)屬性定義很多可取值。all:用于所有表現(xiàn)媒體。 2.alternate 候選樣式表 候選樣式表——將rel設(shè)置為alternate stylesheet,就可以定義候選...

    luxixing 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<