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

首頁 > 開發 > CSS > 正文

詳解CSS中的類和ID選擇符

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

類屬性
類選擇符

格式:.類名
示例:

CSS Code復制內容到剪貼板
  1. .specialtext {font-style:italic;}  

標簽帶類選擇符

格式:標簽名.類名
示例:

CSS Code復制內容到剪貼板
  1. p.specialtext {color:red;}  

多類選擇符

格式:.類名.類名
示例:

CSS Code復制內容到剪貼板
  1. .specialtext.featured {font-size:120%;}  

說明:CSS選擇符的兩個類名之間沒有空格,因為我們只想選擇同時具有這兩個類名的的那個元素。如果加了空格,那就變成了“祖先/后代”關系的上下文選擇符了。

    提示:不要像使用 ID 一樣,每個類都指定一個不同的類名,然后再為每個類編寫規則。如果你確實有這種隨意使用類的習慣,那說明你可能想大多數對 CSS 充滿激情的初學者一樣,還不了解繼承和上下文選擇符的作用。 于是,你可能會給每個標簽都重復寫同樣的樣式(比如為頁面中很多標簽分別指定相同的字體)。實際上,繼承和上下文選擇符能讓不同的標簽共享樣式,從而降低你需要編寫和維護的 CSS 量。

 ID屬性

格式:#ID名 或 標簽名#ID名
示例: 

CSS Code復制內容到剪貼板
  1. #specialtext {CSS 樣式聲明 }  

 或 

CSS Code復制內容到剪貼板
  1. p#specialtext {CSS 樣式聲明 }  

    提示:ID還可以用于頁內導航。 例如:<a href="#bio">Biography</a>,注意 href 屬性值開頭的 # ,它表示這個鏈接的目標在當前頁面中,因而不會觸發瀏覽器加載頁面(如果沒有 #,瀏覽器就會嘗試加載 bio 目錄下的默認頁面了)。如果鏈接的 href 屬性里只有一個 #,那么點擊該鏈接會返回頁面頂部。例如:<a href="#">Back to Top</a>,換句話說,要寫一個“返回頂部”鏈接,根本不需要 ID 為 # 的目標元素。

    注意:如果暫時不知道某個 href 應該放什么 URL,也可以用 # 作為占位符,但不能把該屬性留空。 因為 href 屬性值為空的鏈接的行為跟正常鏈接不一樣。這樣,團隊中的其他人將來可以用中間層(比如 PHP)變量替換 #,以便動態接收來自數據庫的 URL。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 盐源县| 三都| 惠安县| 无锡市| 中山市| 板桥市| 德庆县| 大邑县| 二连浩特市| 柳河县| 柏乡县| 县级市| 左云县| 黔南| 昌吉市| 宿松县| 温泉县| 资阳市| 湟中县| 开平市| 天等县| 英德市| 卫辉市| 永和县| 仙游县| 大洼县| 登封市| 拜泉县| 镇康县| 罗山县| 岑溪市| 分宜县| 泰顺县| 遵化市| 桐庐县| 留坝县| 冷水江市| 吴堡县| 兖州市| 六安市| 东宁县|