亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

簡要講解CSS中的類型選擇器、ID選擇器、類選擇器

5idev   發(fā)布時間：2016-02-18 11:52:49   作者：佚名   我要評論
這篇文章主要介紹了CSS中的類型選擇器和ID選擇器以及類選擇器,選擇器時CSS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下

類型選擇器
類型選擇器，是以html元素類型作為選擇條件。
網(wǎng)頁元素：在CSS教程中，對于如“<p></p>”、“<h3></h3>”這些不再稱呼為標(biāo)簽，而統(tǒng)一稱呼為網(wǎng)頁元素。
在網(wǎng)頁元素中，都可以按類型進行區(qū)分，其類型可以作為CSS的選擇符，如“<a></a>”、“<ul></ul>”、“<div></div>”等，對應(yīng)的選擇器分別為“a”、“ul”、“div”。
例子：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. a{   
  2.     text-decoration: none;   
  3. }  

該例子表示網(wǎng)頁上所有的超鏈接取消下劃線。

ID選擇器
CSS ID選擇器允許選擇網(wǎng)頁元素的ID進行樣式表應(yīng)用。
ID選擇器以“#”標(biāo)識，后面緊跟html元素id名稱。
html代碼如下：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <div id="nav"><!--nav start-->  
  2.   <h2><a href="index.html">首頁</a></h2>  
  3.   <h2><a href="blog.html">博客</a></h2>  
  4.   <h2><a href="guestbook.html">留言板</a></h2>  
  5. </div><!--nav end-->  

在該html代碼如中，有一個id="nav"的DIV網(wǎng)頁元素。使用ID選擇器對該元素進行樣式表應(yīng)用：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. #nav {   
  2.     font-size: 14px;   
  3.     width: 500px;   
  4. }  

該CSS樣式表示id為nav的網(wǎng)頁元素，其寬度為500px，其內(nèi)文字大小為14px。

類(class)選擇器
CSS 類選擇器允許選擇網(wǎng)頁元素的類進行樣式表應(yīng)用。
類選擇器以 . 符號標(biāo)識，后面緊跟類名稱。
一個類選擇器例子：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. .catlist {   
  2.     color: #d51300;   
  3. }  

該 CSS 樣式表示網(wǎng)頁中 class="catlist" 的網(wǎng)頁元素，其文字顏色為 #d51300 。
在 html 中應(yīng)用類選擇器
要在 html 代碼中應(yīng)用一個類(class)樣式，只需在標(biāo)簽內(nèi)使用 class 屬性，取值為類名。
html 代碼例子：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <h3>文章分類</h3>  
  2. <ul class="catlist">  
  3.   <li>情感世界</li>  
  4.   <li>技術(shù)文章</li>  
  5.   <li>網(wǎng)絡(luò)文摘</li>  
  6.   <li>其他</li>  
  7. </ul>  

在該 html 代碼如中，<ul></ul>內(nèi)包含的文字顏色都被渲染為 #d51300 顏色。當(dāng)然，也可以再為其中的一個或一些 <li></li> 元素單獨定義另外的樣式。
提示
如上例所示，只要網(wǎng)頁元素類名為 catlist ，都將受到該樣式表的影響，而不管它具體是何種類型的網(wǎng)頁元素。
類選擇器會作用于所有類名相同的網(wǎng)頁元素，有復(fù)用效果，這個是和 ID 選擇器的區(qū)別。
類名的第一個字符不能使用數(shù)字，它無法在 Mozilla 或 Firefox 瀏覽器中起作用。

相關(guān)文章

  • 該不該使用ID選擇器？淺談對CSS的ID選擇器的使用建議

    在不嵌套單獨使用ID選擇器的情況下,它是比較快的,然而各種各樣的原因使開發(fā)者們拋棄對ID選擇器的使用.究竟該不該使用ID選擇器？這里我們就來淺談對CSS的ID選擇器的使用建議
    2016-07-11

  • 英文教程:五種CSS選擇器類型

    網(wǎng)頁制作Webjx文章簡介：英文教程:五種CSS選擇器類型. CSScommandsareusuallygroupedinthecurlybracestomakeasetofrules.Followingarethevariouswaysavaila
    2009-04-02

  • IE7對css選擇器的改進-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)

    1、對偽類的支持。IE6和更低的版本對于偽類的支持僅限于a標(biāo)簽，諸如“:hover”、“:active”、“:focus”之類的偽類理論上是應(yīng)該適用于所有
    2008-10-17

  • CSS屬性選擇器的四種格式-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)

    　　屬性選擇器（AttributeSelectors），或許你不應(yīng)該對屬性選擇器感到陌生，從本質(zhì)上說，id跟類選擇器其實就是屬性選擇器，只不過是選擇了id或者類的值（value）而已。 　
    2008-10-17

  • 最常用的五類CSS選擇器-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)

    　一些新手朋友對選擇器一知半解，不知道在什么情況下運用什么樣的選擇器，這是一個比較頭疼的問題，針對新手朋友，對CSS選擇器作一些簡單的說明，希望能對大家的學(xué)習(xí)工作
    2008-10-17

  • 四種css 偽類選擇器

    偽類，用于給元素的片段添加樣式，這如何理解呢？比如你要讓一個段落的第一行的文字加粗，那么這個選擇器是不二之選
    2012-04-18

  • CSS3 選擇器 偽類選擇器介紹

    前面花了兩節(jié)內(nèi)容分別在《CSS3選擇器——基本選擇器》和《CSS3選擇器——屬性選擇器》介紹了CSS3選擇器中的基本選擇器和屬性選擇器使用方法，今天要和大家一起學(xué)習(xí)CSS3選擇
    2012-01-21

  • CSS3 選擇器 屬性選擇器介紹

    上一切在《CSS3選擇器——基本選擇器》中主要介紹了CSS3選擇器的第一部分，這節(jié)主要和大家一起來學(xué)習(xí)CSS3選擇器的第二部分——屬性選擇器
    2012-01-21

  • CSS3 選擇器 基本選擇器介紹

    CSS的選擇器，我想大家并不會陌生吧，因為天天在使用，但對于CSS3的選擇器，要運用的靈活到位，我想對很多朋友還是一定的難度，特別是CSS3中的:nth選擇器
    2012-01-21

  • 你不可不知的CSS選擇器

    *通配符選擇器，經(jīng)常用于css reset（樣式重置），清理標(biāo)簽的默認(rèn)樣式，但現(xiàn)在一般不提倡直接使用*了，主要是*會匹配所有標(biāo)簽，相當(dāng)耗資源。*在css的優(yōu)先級中是最低的。
    2011-07-27

最新評論