簡析CSS表示式attr 的運用

2022-09-25 07:45:12 字數 778 閱讀 6410

css表示式 attr() 用來獲取選擇到的元素的某一html屬性值,並用於其樣式。它也可以用於偽元素程式設計客棧,屬性值採用偽元素所依附的元素。

attr() 表示式可以用於任何css屬性。

語法:

css code複製內容到剪貼簿

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

要想使用這個功能,你需要用到三種元素:乙個:before 或 :after css偽類樣式, .content屬性,和乙個帶有你想使用的html屬性名稱的attr()表示式。例如,想去顯示www.cppcns.com3>標題上的data-prefix屬性的值,你可以寫成這樣:

css code複製內容到剪貼簿

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

css code複製內容到剪貼簿

jcvrs

visit our home page 

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

提示:在新版的css3標準中,attr()功能被擴充套件,可以用在各種css標記中。在css2.1中attr()總是返回乙個字串。在css3中attr()可以返回多種不同的型別。

本文標題: 簡析css表示式attr()的運用

本文位址:

表示式樹的簡析

二叉樹是表示式處理的常用工具。找到 最後計算 的運算子 它是整棵表示式樹的根 然後遞迴處理。遞迴處理成樹是表示式處理的乙個重要方式。這裡我只記錄和理解了lrj lrjlr j老師的 抄了一遍,自己還沒動手自己寫過。不過目前這不是重點內容,所以到此為止。個位數加減乘除成表示式樹 const int m...

簡析正規表示式

前段時間我利用業餘時間開發了一套基於標籤的cms系統,在其中為了處理基於標籤的資料提取與資料填充大量的使用了正規表示式,在這裡將我將正規表示式的語法和用法進行簡單的描述,然後下篇中將介紹在c 中利用正規表示式的方法與 例項。什麼是正規表示式 基本說來,正規表示式是一種用來描述一定數量文字的模式。re...

逆波蘭表示式的簡析

逆波蘭表示式又叫做字尾表示式。在通常的表示式中,二元運算子總是置於與之相關的兩個運算物件之間,這種表示法也稱為中綴表示。波蘭邏輯學家j.lukasiewicz於1929年提出了另一種表示表示式的方法,按此方法,每一運算子都置於其運算物件之後,故稱為字尾表示。字尾表示式求值 從左至右掃瞄表示式,遇到數...