色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css選擇器的功能,元素類名與類名元素有什么區(qū)別

老白2年前29瀏覽0評(píng)論

css選擇器的功能,元素類名與類名元素有什么區(qū)別?

元素.類名 例如:p.abc{ color:red; } 類名是abc的標(biāo)簽p的顏色是red 類名.元素 .abc p{ color:red; } 表示:類名abc的任何標(biāo)簽旗下的p標(biāo)簽顏色是red

css選擇器的功能,元素類名與類名元素有什么區(qū)別

css新元素是選擇器還是別的?

css中的所有元素都是選擇器,不論新元素還是舊元素,都是對(duì)標(biāo)簽的選擇。

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

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

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

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

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

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

語(yǔ)法:選擇器1,選擇器2,選擇器n{ }

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

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

語(yǔ)法:選擇器1選擇器2選擇器n{ }

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

6、通配選擇器

作用:用來(lái)選中頁(yè)面中所有的元素

語(yǔ)法:*{ }

7、后代元素選擇器

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

語(yǔ)法:祖先元素 后代元素{ }

8、子元素選擇器

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

語(yǔ)法:父元素>子元素

9、偽類選擇器

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

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

:visited 已被訪問(wèn)過(guò)后的元素的狀態(tài)

:active 被點(diǎn)擊時(shí)元素的狀態(tài)

10、 屬性選擇器

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

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

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

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

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

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

11、兄弟元素選擇器

+選擇器

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

語(yǔ)法:前一個(gè)+后一個(gè)(作用在后一個(gè))

~選擇器

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

語(yǔ)法:前一個(gè)~后邊所有

css表格怎么設(shè)置選中樣式?

.

將表格渲染出來(lái),能夠看到表格是最基本的,如果連表格都沒(méi)有的話,怎么去設(shè)置它的樣式.呈現(xiàn)表格,代碼如下: <table> <thead> <tr> <td>表格</td> <td>表格</td> <td>表格</td> <td>表格</td> </tr> </thead> <tbody> <tr> <td>表格</td> <td>表格</td> <td>表格</td> <td>表格</td> </tr> </tbody> </table>

2.

上面的表格是沒(méi)有任何樣式的,如果你不看代碼還以為沒(méi)有用到樣式呢.這一步將樣式加上,加的是邊框樣式,代碼如下: td{ border: 1px solid red; } 因?yàn)門D是標(biāo)簽,無(wú)需加其它任何的樣式,只需要針對(duì)它添加樣式即可.

3.

同樣的,你可以給TD加上其它的樣式 ,比如大小,邊距等等,代碼如下: td{ border: 1px solid red; width: 30px; margin: 10px; }