国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

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

2024-07-11 08:29:54
字體:
來源:轉載
供稿:網友

屬性選擇符
屬性名選擇符

格式:標簽名[屬性名]
示例:

CSS Code復制內容到剪貼板
  1. img[title] {border:2px solid blue;}  

    提示:一般來說,人們經常給 alt 和 title 屬性設定相同的值。 alt 屬性中的文本會在圖片因故未能加載時顯示,或者由屏幕閱讀器朗讀出來。而 title 屬性會在用戶鼠標移動到圖片上時,顯示一個包含相應文本的提示。

屬性值選擇符

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

CSS Code復制內容到剪貼板
  1. img[title="red flower"] {border:4px solid green;}  

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

結構化偽類

結構化偽類可以根據標記的結構應用樣式,比如根據某元素的父元素或前面的同胞元素是什么。
first-child和:last-child

格式:

CSS Code復制內容到剪貼板
  1. e:first-child    e:last-child  

示例:

CSS Code復制內容到剪貼板
  1. ol.results li:first-child {color:blue;}  

nth-child

格式:

CSS Code復制內容到剪貼板
  1. e:nth-child(n)  

示例:

CSS Code復制內容到剪貼板
  1. li:nth-child(3)  

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 开阳县| 宁安市| 昌宁县| 红原县| 中超| 马关县| 太康县| 宝山区| 扎兰屯市| 全州县| 丰台区| 寿光市| 蒲江县| 宁强县| 建水县| 浙江省| 河西区| 青海省| 乃东县| 龙口市| 探索| 宿迁市| 沙坪坝区| 黎城县| 临清市| 吴旗县| 抚顺市| 嘉鱼县| 平原县| 密山市| 肃宁县| 慈溪市| 双柏县| 明水县| 太保市| 慈利县| 南涧| 海宁市| 青田县| 河西区| 南涧|