国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css選擇器概述

Karrdy / 1036人閱讀

css選擇器種類

  • id選擇器
  • 類選擇器、屬性選擇器、偽類選擇器
  • 元素選擇器、偽元素選擇器
  • 通配符選擇器、子類選擇器、后代選擇器、相鄰兄弟選擇器、選擇器分組

一、id選擇器

            


            #id{
                color:red;
            }

二、類選擇器、屬性選擇器、偽類選擇器

　　1、類選擇器

            


            .class{
                color:black;
            }

?

　　2、屬性選擇器

            


            [text]{
                color:white;
            }
            [text:text]{
                color:white;
            }
            p[text:text]{
                color:white;
            }

　　3、偽類選擇器

　　:link　　　　向未被訪問的超鏈接添加樣式

　　:visited　　 ? 向已被訪問的超鏈接添加樣式

　　:active　　　向被激活的元素添加樣式　

　　:hover　　　當鼠標懸停至元素上方是，向該元素添加樣式

　　:focus　　　 當元素獲取焦點時，向該元素添加樣式　

            
345


            p:foucs{
                color:blue;
            }

三、元素選擇器、偽類選擇器

　　1、元素選擇器

            
345


            p{
                color:pink;
            }

　　2、偽元素選擇器

　　:first-letter　　向文本的第一個字母添加特殊樣式。

　　:first-line　　　向文本的首行添加特殊樣式。

　　:before　　　 ??在元素之前添加內容。

　　:after　　　　　在元素之后添加內容。

345


//"first-line" 偽元素用于向文本的首行設置特殊樣式。
p:first-line
  {
  color:#ff0000;
  }

四、通配符選擇器、子類選擇器、后代選擇器、相鄰兄弟選擇器、分組選擇器

　　1、通配符選擇器

        

            
345

            

            

            

            
        


            *{
                /*選擇頁面上的所有元素*/
                color:pink;
            }

            #te*{
                /*選擇id為te元素下的所有元素*/
                color:pink;
            }

　　2、子類選擇器

        

            
345

            

            

            

            
        


            #te > p{
                /*選擇id為te元素下的所有的直接子類p元素*/                    
                color:pink;
            }

?

　　3、后代選擇器

        

            
345

            

            

            

            
        


            #te p{
                /*選擇id為te的元素下的所有p元素*/    
                color:pink;
            }

?

　　4、相鄰兄弟選擇器

        

            
345

            

            

            

            
        


            p + input{
                /*選擇緊接在 p 元素后出現的，p 和 input 元素擁有共同的父元素*/
                color:pink;
            }

?

　　5、選擇器分組

　　

        

            
345

            

            

            

            
        


            p,input{
                /*選擇所有的p和input元素*/
                color:pink;
            }

?

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1212.html

相關文章

  • CSS選擇器概述

    摘要：常用于鏈接描點上用戶行為選擇器選擇匹配的元素，且匹配元素被激活。，選擇的是奇數項，而使用選擇的卻是偶數項否定偽類選擇器選擇器功能描述匹配所有除元素外的元素屬性選擇器語法選擇器功能描述用于選取帶有指定屬性的元素。 CSS選擇器概述 一.CSS3 選擇器分類 showImg(https://segmentfault.com/img/bVbbO88?w=805&h=422); 二.選擇器語法...

    wangjuntytl 評論0 收藏0

  • CSS選擇器概述

    摘要：常用于鏈接描點上用戶行為選擇器選擇匹配的元素，且匹配元素被激活。，選擇的是奇數項，而使用選擇的卻是偶數項否定偽類選擇器選擇器功能描述匹配所有除元素外的元素屬性選擇器語法選擇器功能描述用于選取帶有指定屬性的元素。 CSS選擇器概述 一.CSS3 選擇器分類 showImg(https://segmentfault.com/img/bVbbO88?w=805&h=422); 二.選擇器語法...

    renweihub 評論0 收藏0

  • CSS

    摘要：基礎教程簡介概述指層疊樣式表決定元素如何顯示內容與樣式分離多個樣式定義可層疊為一層疊次序瀏覽器缺省設置外部樣式表內部樣式表位于標簽內部內聯樣式在元素內部基本語法語法結構高級語法選擇器的分組繼承繼承中的屬性重寫從中繼承的屬 CSS基礎教程 CSS簡介 CSS概述 CSS指層疊樣式表（Cascading Style Sheets） 決定HTML元素如何顯示 內容與樣式分離 多個樣式...

    hankkin 評論0 收藏0

  • CSS3新特性的概述

    摘要：的新特性大致分為以下六類選擇器邊框與圓角背景與漸變過渡變換動畫下面分別說一說以上六類都有哪些內容選擇器基本選擇器基本選擇器又分為子選擇器相鄰兄弟選擇器通用兄弟選擇器群組選擇器屬性選擇器為帶有屬性的元素設置樣式為屬性的元素設置樣式選擇屬性值包 CSS3的新特性大致分為以下六類 1.CSS3選擇器 2.CSS3邊框與圓角 3.CSS3背景與漸變 4.CSS3過渡 5.CSS3變換 ...

    Zachary 評論0 收藏0

發表評論

0條評論

Karrdy

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<