<var id="pxbxx"></var>
<menuitem id="pxbxx"></menuitem>
<cite id="pxbxx"></cite>
<var id="pxbxx"></var>
<menuitem id="pxbxx"></menuitem>
<cite id="pxbxx"><span id="pxbxx"></span></cite>
<cite id="pxbxx"><video id="pxbxx"><thead id="pxbxx"></thead></video></cite>
<cite id="pxbxx"></cite>
<menuitem id="pxbxx"><dl id="pxbxx"><progress id="pxbxx"></progress></dl></menuitem>
<menuitem id="pxbxx"></menuitem>
<menuitem id="pxbxx"></menuitem>
<menuitem id="pxbxx"><dl id="pxbxx"></dl></menuitem>
站長必讀

您的位置:首頁 > IT資訊_互聯網資訊 > 網站建設_營銷網站建設_網站制作與開發  >   CSS選擇器基礎知識匯總,入門小白也能輕松掌握!

CSS選擇器基礎知識匯總,入門小白也能輕松掌握!

發表日期:2019-04-09 17:05:23 文章編輯:常桉網絡建站公司 瀏覽次數:324

CSS選擇器基礎知識匯總,入門小白也能輕松掌握!》由【深圳網站建設公司】于2019年49日整理發布!SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

css(樣式層疊表)作為一種樣式語言,不但可以讓html表現的更完美,還可以讓我們的工作更有趣,但同時也需要考慮它的優先級關系,很多入門小白都不知道怎么用,只要掌握常用選擇器的特點和不同的用法,操作起來也是非常的方便。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

css選擇器SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

CSS選擇器效率從高到低的排序如下:SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

1. id選擇器(#myid)SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

id選擇器使用“#”進行標識,后面緊跟id名,也就是HTML元素的id屬性值,id值是唯一的,只能對應于文檔中某一個具體的元素。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

2.類選擇器(.myclassname)SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

類選擇器使用“.”(英文點號)進行標識,后面緊跟類名。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

3.標簽選擇器(div,h1,p)SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

HTML標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的CSS樣式。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

4.后代選擇器(li a)SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

用來選擇元素或元素組的后代,它的寫法是把外層標簽寫在前面,內層標簽寫在后面,中間用空格分隔。當標簽發生嵌套時,內層標簽就成為外層標簽的后代。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

5.通配符選擇器(*)SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

通配符 選擇器用“*”號表示,他是所有選擇器中作用范圍最廣的,能匹配頁面中所有的元素。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

6.偽類選擇器(a:hover, li:nth-child)SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

偽類選擇器用于向某些選擇器添加特殊的效果。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

一般而言,選擇器越特殊,它的優先級越高,它指向的越準確,優先級也就相對的越高。通常我們用1表示標簽名選擇器的優先級,用10表示類選擇器的優先級,用100標示ID選擇器的優先級。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

類選擇器SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

什么情況下使用什么選擇器,用不同選擇器的原則是:SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

1、準確的選到要控制的標簽;SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

2、使用最合理優先級的選擇器;SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

3、HTML和CSS代碼盡量簡潔美觀。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

通常:SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

①最常用的選擇器是類選擇器。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

②li、td、dd等經常大量連續出現,并且樣式相同或者相類似的標簽,我們采用類選擇器跟標簽名選擇器結合的后代選擇器 .xx li/td/dd {} 的方式選擇。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

③極少的情況下會用ID選擇器,當然很多前端開發人員喜歡header,footer,banner,conntent設置成ID選擇器的,因為相同的樣式在一個頁面里不可能有第二次。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

選擇器的種類雖然很多,但從使用的角度來看,只要摸清它的規律和法則,還是比較好理解的,當有了一些經驗后,很容易看出一個選擇器比起另一個選擇器特殊性是高還是低,編寫CSS時應該小心,如果沒有必要,不要創建高特殊性的選擇器。SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

以上內容原創整理編輯,轉載請注明:深圳網站建設公司>>http://www.mscursor.com/indexnews/jz/1381.htmlSXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

SXh深圳網站建設_營銷型網站建設_網頁設計制作及小程序開發-常桉網絡建網站公司

標簽:網站建設

熱門標簽

  • 低價透明 低價透明 統一報價,無隱形消費
  • 金牌服務 金牌服務 一對一專屬顧問7*24小時金牌服務
  • 準時保質 準時保質 完善制作流程,準時交付
  • 售后無憂 售后無憂 網上追蹤,全程跟進

深圳常桉網絡是一家專注于深圳網站建設、網頁設計制作與開發、安全、營銷型網站建設、微信公眾號開發、深圳小程序開發、APP開發、網站seo優化等技術+策劃+網絡營銷推廣解決方案的綜合型網站建設公司。致力于為企事業單位提供一站式、全方位整合網絡品牌服務。是當前國內少數擁有移動端、pc端開發、策劃、推廣一體化服務領先的移動互聯網營銷咨詢公司。我們目前直接服務的企業包括酷派手機、金蝶明珠會、華潤萬家、便利云街、趣墾教育、凱琳斯蒂、韓后、虎都男裝等知名企業以及寶安地稅、福田地稅政府微信定制技術開發。

聯系方式

    電話:158-2048-4986(何經理)

    地址:深圳市龍崗區橫崗街道力嘉路108號2013文化創客園B棟403

    網址:www.mscursor.com

    郵箱:hejunsheng126@qq.com

常桉網絡小程序 常桉網絡小程序

常桉網絡微信號 常桉網絡微信號

Copyright ? 2017-2022版權所有. 深圳網站開發,小程序開發就找深圳常桉網絡,為您提供優質網絡服務!  網站建設地圖  網站制作地圖  粵ICP備16024877號

 
QQ在線咨詢
何經理
15820484986
免费看A片永久视频网站,免费看a网站,免费看h视频网站,免费看操逼的黄色网站,免费看大黄片 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>