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

首頁 > 開發 > CSS > 正文

在CSS中用at_tr()顯示HTML屬性值

2020-03-24 16:09:09
字體:
來源:轉載
供稿:網友

  attr()功能早在CSS 2.1標準中就已經出現,但現在才開始普遍流行。它提供了一個巧妙的方法在CSS中使用HTML標簽上的屬性,在很多情況下都能幫你省去了以往需要Javascript處理的過程。

  要想使用這個功能,你需要用到三種元素:一個:before 或 :after CSS偽類樣式, .co

1905電影網[www.aikan.tv/special/1905dianyingwang/]ntent屬性,和一個帶有你想使用的HTML屬性名稱的attr()表達式。例如,想去顯示

  標題上的data-prefix屬性的值,你可以寫成這樣:

  h3:before {

  content: attr(data-prefix) "";

  }

  This is a heading

  顯然,這個例子并沒有展示它有多大用處,只是展示了它的基本用法。讓我們來試一個更有用的例子,attr()的一個極好的應用就是當用戶打印頁面時將頁面鏈接顯示出來。為了實現這個,你可以這樣寫:

  @media print {

  a:after {

  content: " (link to " attr(href) ") ";

  }

  }

  Visit our home page

  一旦你知道了這個技巧,你就會吃驚于很多時候它能給你的工作帶來的方便!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 建始县| 奎屯市| 五大连池市| 额济纳旗| 桐乡市| 寿光市| 镇江市| 兴义市| 龙川县| 灌南县| 科技| 库车县| 稷山县| 合江县| 勐海县| 南京市| 张家港市| 清远市| 德保县| 衢州市| 颍上县| 临沧市| 泸定县| 桐庐县| 桐城市| 汝州市| 遂溪县| 龙川县| 铁力市| 砀山县| 凤城市| 林口县| 南涧| 明溪县| 攀枝花市| 彰化市| 迭部县| 玉门市| 林甸县| 柏乡县| 务川|