国产探花免费观看_亚洲丰满少妇自慰呻吟_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)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 江津市| 曲周县| 琼海市| 鄂伦春自治旗| 弥勒县| 古交市| 林口县| 台安县| 徐闻县| 平阴县| 巨野县| 库尔勒市| 酒泉市| 民权县| 家居| 商城县| 措美县| 昔阳县| 信丰县| 宜阳县| 延庆县| 西乌珠穆沁旗| 宜州市| 保山市| 商洛市| 宁南县| 吴川市| 原平市| 新龙县| 瑞昌市| 河源市| 利川市| 抚远县| 利川市| 长顺县| 大关县| 江油市| 灌云县| 河津市| 城固县| 青河县|