CSS中的屬性選擇符和結構化偽類

2022-09-24 17:39:10 字數 644 閱讀 2656

屬性選擇符

屬性名選擇符

格式:標籤名[屬性名]

示例:css code複製內容到剪貼簿

&nb程式設計客棧sp; 提示:一般來說,人們經常給 alt 和 title 屬性設定相同的值。 alt 屬性中的文字會在因故未能載入時顯示,或者由程式設計客棧螢幕閱讀器朗讀出來。而 title 屬性會在使用者滑鼠移動到上時,顯示乙個包含相應文字的提示。程式設計客棧

屬性值選擇符

格式:[屬性名="屬性值"]

示例:css code複製內容到剪貼簿

說明:在 html5 中, 屬性值的引號可加可不加,在此為了清楚起見,建議新增。

結構化偽類

結構化偽類可以根據標記的結構應用樣式,比如根據某元素的父元素或前面的同胞元素是什麼。

first-child和:last-child

格式:css code複製內容到剪貼簿

示例:css code複製內容到剪貼簿

nth-child

格式:css code複製內容到剪貼簿

示例:css code複製內容到剪貼簿

說明:e 表示元素名,n 表示乙個數值(也可以使用 odd 或 even)

本文標題: css中的屬性選擇符和結構化偽類

本文位址: /web/css/83742.html

CSS 類選擇符和ID選擇符的區別

類選擇符 html css div one 如果想讓網頁中某些元素的外觀與其他同類標籤區分開,可以使用類選擇符。首先給選擇符起乙個名字,然後把這個名字指定給想裝飾的html標籤。例如上乙個例子中,我就給第乙個div命名為 one 類選擇符還能精確控制某個元素的外觀,而不管元素使用的是哪個標籤。比如想...

JQUERY的屬性選擇符和自定義選擇符(二)

屬性選擇符就是通過html元素的屬性選擇元素。如獲取所有鏈結的title屬性,可以用 a title 例子 給鏈結中含用 wangorg 字元的鏈結文字加粗 css abold html document ready function 屬性選擇也可以用組合方式 自定義選擇符是jquery新增的獨有的...

CSS學習筆記十一 組合選擇符和偽類偽元素

組合選擇符說明了兩個選擇器之間的關係 組合方式 也就是它的子子孫孫 div p 只有兒子女兒才是第一繼承人 div p 也就是住在隔壁的老王 div p 街上鄰居等等各種人 div p 例項 在div元素裡,我是它的兒子,所以我是藍色 而我是孫子,我該是紅色 我不是它的後代,是相鄰兄弟,所以我是綠色...