国产探花免费观看_亚洲丰满少妇自慰呻吟_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>  
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 姚安县| 监利县| 清丰县| 获嘉县| 瓮安县| 万安县| 铁力市| 福鼎市| 马尔康县| 浦东新区| 湟源县| 姜堰市| 赣榆县| 渝北区| 安宁市| 青冈县| 山东| 富顺县| 黑龙江省| 明光市| 英超| 巨野县| 曲麻莱县| 那坡县| 大洼县| 秦安县| 湖南省| 西宁市| 巴楚县| 祥云县| 渭源县| 广河县| 江门市| 嘉鱼县| 炎陵县| 华亭县| 吴忠市| 宁强县| 江陵县| 镇平县| 陆良县|