本篇內(nèi)容主要講解“CSS中的類和ID選擇符的詳細介紹”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“CSS中的類和ID選擇符的詳細介紹”吧!

創(chuàng)新互聯(lián)建站自2013年起，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都做網(wǎng)站、成都網(wǎng)站設(shè)計、成都外貿(mào)網(wǎng)站建設(shè)網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元豐順做網(wǎng)站,已為上家服務(wù),為豐順各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

類屬性
類選擇符

格式：.類名
示例：

CSS Code復制內(nèi)容到剪貼板

1. .specialtext {font-style:italic;}  

標簽帶類選擇符

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

CSS Code復制內(nèi)容到剪貼板

1. p.specialtext {color:red;}  

多類選擇符

格式：.類名.類名
示例：

CSS Code復制內(nèi)容到剪貼板

1. .specialtext.featured {font-size:120%;}  

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

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

 ID屬性

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

CSS Code復制內(nèi)容到剪貼板

1. #specialtext {CSS 樣式聲明 }  

 或 

CSS Code復制內(nèi)容到剪貼板

1. p#specialtext {CSS 樣式聲明 }  

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

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

到此，相信大家對“CSS中的類和ID選擇符的詳細介紹”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！