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

首頁 > 開發 > CSS > 正文

詳解CSS中的偽類與偽元素及二者間的區別

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

CSS偽類的概念及作用
CSS偽類(Pseudoclasses)是選擇符的螺栓,用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudoclass{property:value;},簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。
CSS很多的建議并沒有得到瀏覽器的支持,但有四個可以安全使用的用在連接上的CSS偽類。
1.link用在為訪問的連接上。
2.visited用在已經訪問過的連接上。
3.hover用于鼠標光標置于其上的連接。
4.active用于獲得焦點(比如,被點擊)的連接上。
例如:

CSS Code復制內容到剪貼板
  1. ExampleSourceCode    a:link{     
  2. color:red      }     
  3. a:visited{      color:green     
  4. }      a:hover{     
  5. color:blue      }     
  6. a:active{      color:orange     
  7. }    

注意:
盡管CSS給予你繞開的控制權,用不同的顏色表示已經訪問過的連接是一個很好的習慣,因為很多用戶還是這樣預期的。CSS偽類(除了hover)不常用,恐怕也沒有過去常用。因此,它沒有過去那樣有用了。但如果你能收集用戶的意見,你會發現應該使用它。
傳統上,連接文本是藍色的,已訪問的連接是紫色的。也許,這是最有效、最有用的顏色。然而,伴隨著CSS的廣泛發展,這種顏色不會是平常的了,用戶也不再假設連接必須是藍色或紫色的。
你應該也可以在除了連接的其他元素上使用hover偽類。不幸的是,InternetExplore并不支持。這真是一個極大的煩惱。


偽元素
實際上來說,CSS 中的偽元素在HTML上是不存在的,使用的時機通常都是針對某樣元素特殊處理時才會用到
常用的 pseudo-element:
::first-line
可以指定 p 元素第一行的樣式
::first-letter
可以指定 p 元素第一個字的樣式
::selection
定義使用者反白后的效果
::before
在元素之前插入內容
::after
在元素之后插入內容
范例 HTML

XML/HTML Code復制內容到剪貼板
  1. <p>       臣亮言,先帝創業未半<br>  
  2.        每天,天剛亮時,我母親便把我喊醒,叫我披衣坐起。我從不知道她醒來坐了多久了。   
  3. </p>  
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 当雄县| 吴江市| 仙桃市| 昭觉县| 蒲江县| 壤塘县| 浙江省| 朝阳区| 贵州省| 岑溪市| 民乐县| 襄汾县| 友谊县| 通河县| 鞍山市| 逊克县| 昌吉市| 溧水县| 吉木乃县| 开阳县| 册亨县| 镇原县| 荥经县| 金湖县| 团风县| 恩施市| 桑日县| 云龙县| 怀来县| 大同市| 苏尼特左旗| 广汉市| 漯河市| 崇义县| 庐江县| 博罗县| 衡水市| 庄浪县| 广东省| 建宁县| 怀安县|