起名與選取器~(總結類、持續更新系列)

來源:互聯網
上載者:User

標籤:名稱   格式   一起   並集   樣式   偽類   萬用字元選取器   lin   持續更新   

廢話沒有,直接幹活

  一、起名方式:1.元素自身的標籤名; 2.利用class屬性自訂名稱;3.利用id屬性自訂名稱。共三種,其中class使用居多。

  二、選取器:註:選取器使用於head部分的<style>標籤中或外部引入的css檔案中。

        1.標籤選取器,不必多說,直接輸入元素名;

        2.class選取器,在其自訂名稱前加上點. 即可;

        3.id選取器,在其自訂名稱前加上# 即可;           在此標註:標籤的權重為1,class的權重為10,id的權重為100;行間樣式權重1000;在屬性值後加 !important  權重無限大。

        4.子代選取器,用>將父級和子級串連起來使用,標籤嵌套只有一層關係。

        5.後代選取器,用一個空格將兩者串連起來,前者包含後者,標籤嵌套有多層關係(包含一層)。

        6.交集選取器,將class名與id名寫在一起,將其全部選中。

        7.萬用字元選取器,直接輸入*即可,意為所有的元素。(不建議使用,過於省事,會加大瀏覽器的負擔)

        8.並集選取器,用逗號將需要選中的兩個或兩個以上的名稱隔開即可。

        9.偽類別選取器,只要選取器後帶冒號:    都可以說它是偽類別選取器。例如:a:link{}、a:visited{}、a:hover{}、a:active{}、p:before{}、p:after{} 等。

        10.結構選取器,格式(例子):ul:nth-of-type(1)      表示選中的是ul下面的第一個li,後也可跟其它選取器。

起名與選取器~(總結類、持續更新系列)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.