欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css常見選擇器,類選擇器和后代選擇器的概念

老白2年前43瀏覽0評論

css常見選擇器,類選擇器和后代選擇器的概念?

類選擇器以(.)為前綴,后面為類名。在標(biāo)簽中定義class屬性,然后設(shè)置屬性值為類名選擇器。

后代選擇器是一種多個用空格分隔的選擇器,別稱包含選擇器。

css常見選擇器,類選擇器和后代選擇器的概念

css規(guī)則定義有哪些選擇符?

css選擇符(選擇器)有以下這些:

1、通配選擇符( * ):匹配任意元素。

2、id選擇符( # myid):匹配 ID 等于“myid”的任意元素 。

3、類選擇符(.myclassname):匹配 class 等于“myclassname”的任意元素.

4、標(biāo)簽選擇符(div, h1, p):選擇指定元素名稱的所有元素。

5、相鄰選擇符(E + F):用于選擇(不是內(nèi)部)指定的第一個元素之后緊跟的元素。

6、子選擇符(E > F):用于選取帶有特定父元素的元素,例ul > li,選擇所有父級是 <ul> 元素的每個 <li> 元素。(學(xué)習(xí)視頻分享:css視頻教程)

7、后代選擇符(E F):用于選取元素內(nèi)部的元素。

8、偽類和偽元素選擇符:用于向某些選擇器添加特殊的效果。

css復(fù)合選擇器有哪三種?

1、元素選擇器 標(biāo)簽名{ }

2、id選擇器 #id屬性值{ }

3、類選擇器 .class屬性值{ }

4、選擇器分組(并集選擇器)

作用:通過它可以同時選中多個選擇器對應(yīng)的元素(通常用于集體聲明)

語法:選擇器1,選擇器2,選擇器n{ }

5、復(fù)合選擇器(交集選擇器)

作用:選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性

語法:選擇器1選擇器2選擇器n{ }

!注意選擇器之間不能有空格,要緊挨在一起

6、通配選擇器

作用:用來選中頁面中所有的元素

語法:*{ }

7、后代元素選擇器

作用:選中指定元素的指定后代元素

語法:祖先元素 后代元素{ }

8、子元素選擇器

作用:選中指定父元素的子元素

語法:父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態(tài)

:hover 移入時元素的狀態(tài)

:visited 已被訪問過后的元素的狀態(tài)

:active 被點擊時元素的狀態(tài)

10、 屬性選擇器

作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素

語法:[屬性名]選取含有指定屬性的元素

? [屬性名=“屬性值”]選取含指定屬性值的元素

? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素

? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素

? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素

11、兄弟元素選擇器

+選擇器

作用:選中一個元素后緊挨著的指定的兄弟元素

語法:前一個+后一個(作用在后一個)

~選擇器

作用:選中后邊所有的制定兄弟元素

語法:前一個~后邊所有

css選擇器的分類不包括什么?

css的選擇器的分類不包括“超文本標(biāo)記選擇器”。

css的選擇器包括類選擇器、標(biāo)簽選擇器、ID選擇器、偽類選擇器等等。

類選擇器,比如class類型 class = "nav"的話,那么css對應(yīng).nav{};

標(biāo)簽選擇器,比如body input 就是直接對應(yīng) body{} input{};

ID選擇器,比如 id="name",那么css對應(yīng) #name{};

偽類、偽對象:如a:link,a:hover,a:visited等。