第一章 第一課 CSS3選擇器

2022-07-22 07:09:10 字數 1606 閱讀 1645

第一章:css3選擇器  

第一課:css3速成教程 之 選擇器-屬性選擇器

css3中,增加了如下三個屬性選擇器,使屬性選擇器有了萬用字元的概念,十分方便!

【注】下面所描述的attr和val分別表示屬性和值

[attr*=val]屬性選擇器

概述:表示篩選出如果屬性attr中包含屬性值val所制定的字元的話,那麼將選擇此元素。

案例:

我的id是ab

我的id是abc

我的id是w3cabc

我的id是w3cabc123

我的id是ac

[attr^=val]屬性選擇器

概述:表示篩選出如果屬性attr中

開頭字串為屬性值val所制定的字元的話,那麼將選擇此元素。

案例:

我的id是ab

我的id是abc

我的id是w3cabc

我的id是w3cabc123

我的id是ac

[attr$=val]屬性選擇器

概述:表示篩選出屬性attr中結束字串為屬性值val所制定的字元的話,那麼將選擇此元素。

案例:

我的id是ab

我的id是abc

我的id是w3cabc

我的id是w3cabc123

我的id是ac

[attr=val]屬性選擇器

註解:此選擇器非css3新加入,在這裡提一下,不但讓大家複習一下之前的知識還將屬性選擇器分為一類在此介紹,比較便於理解。

概述:表示篩選出屬性attr中字串等於屬性值val所制定的字元的話,那麼將選擇此元素。

案例:

我的id是ab

我的id是abc

我的id是w3cabc

我的id是w3cabc123

我的id是ac

總結

這四種選擇器都比較簡單方便,很容易理解,如果你之前看過《jquery教程》中的選擇器的話,那就更容易理解了,jquery中的選擇器有很多,其中有不少是css3選擇器。

本帖**於w3cfuns原創,**便於學習及推廣,請尊重他人的勞動成果!

CSS第一課 CSS基礎選擇器

二 css基礎選擇器 一 初識css 1 css簡介 css是層疊樣式表 cascading style sheets 也可稱為css樣式表或級聯樣式表。樣式通常儲存在樣式表中。css也是一種標記語言。用於設定html頁面中的文字內容 外形 版面布局和外觀樣式。把樣式新增到 html 4.0 中,是...

HTML和CSS第一課

網頁版本 文件申明 當前版本 html5的文件宣告 都大寫也可以,寫在第一行html外面 tab標籤快捷鍵 ctrl 注釋的快捷鍵 外掛程式 live server右鍵開啟網頁 auy主題 內容 tab快速出來標籤 相關標籤可以放在一起在頁面中不會獨佔一行的元素為行內元素 strong標籤表示元素語...

慕課(第一章)

1.什麼是資料結構?資料結構 data structure 是帶有結構特性的資料元素的集合,它研究的是資料的邏輯結構和資料的物理結構以及它們之間的相互關係,並對這種結構定義相適應的運算,設計出相應的演算法,並確保經過這些運算以後所得到的新結構仍保持原來的結構型別。簡而言之,資料結構是相互之間存在一種...