萬用字元選擇器

2021-08-04 04:40:47 字數 2824 閱讀 4313

萬用字元選擇器:*

作用描述:選擇所有元素。

例子:

內容:[html]view plain

copy

<

h1>我是標題

h1>

<

p>我是段落

p>

<

ahref="#"

>我是超連結

a>

需求:把,,標籤中的內容變成紅色。

方法一:(id選擇器)

[html]view plain

copy

>

<

html

>

<

head

>

<

meta

charset="utf-8"

>

<

title

>萬用字元選擇器(理解)

title

>

<

base

target="_self"

>

<

style

>

#x  

#xx  

#***  

style

>

head

>

<

body

>

<

h1id="x"

>我是標題

h1>

<

pid="xx"

>我是段落

p>

<

ahref="#"

id="***"

>我是超連結

a>

body

>

html

>

方法二:(class類選擇器)

[html]view plain

copy

>

<

html

>

<

head

>

<

meta

charset="utf-8"

>

<

title

>萬用字元選擇器(理解)

title

>

<

base

target="_self"

>

<

style

>

.***x  

style

>

head

>

<

body

>

<

h1class="***x"

>我是標題

h1>

<

pclass="***x"

>我是段落

p>

<

ahref="#"

class="***x"

>我是超連結

a>

body

>

html

>

再次要求:不允許使用id選擇器和class類選擇器,運用別的選擇器改變,,中的內容變為紅色。

方法三:(萬用字元選擇器)

[html]view plain

copy

>

<

html

>

<

head

>

<

meta

charset="utf-8"

>

<

title

>萬用字元選擇器(理解)

title

>

<

base

target="_self"

>

<

style

>

*  style

>

head

>

<

body

>

<

h1>我是標題

h1>

<

p>我是段落

p>

<

ahref="#"

>我是超連結

a>

body

>

html

>

萬用字元選擇器格式:

*

什麼是萬用字元選擇器?

作用:給當前介面上所有的標籤設定屬性。(*的意思是選中所有的標籤)

注意點:

由於萬用字元選擇器是設定介面上所有的標籤屬性,所以在設定之前會遍歷所有的標籤,如果

當前介面上的標籤比較多,那麼效能就會比較差,所以在企業開發中一般不會使用萬用字元選擇器。

Jquery選擇器萬用字元

萬用字元 input id code id屬性以code開始的所有input標籤 input id code id屬性以code結束的所有input標籤 input id code id屬性包含code的所有input標籤 input name code name屬性以code開始的所有input標...

CSS選擇器之萬用字元選擇器和多元素選擇器

如果希望所有的元素都符合某一種樣式,可以使用萬用字元選擇器 基本語法 可以讓所有的html元素的外邊距和內邊距都預設為0.寫一段html hello world 用瀏覽器開啟後,效果跟下面一樣 這個時候想讓字型距離瀏覽器的邊距為0時,就可以使用萬用字元選擇器了 修改後的 如下 hello world...

jquery選擇器的萬用字元問題

1.選擇器 1 萬用字元 input id code id屬性以code開始的所有input標籤 input id code id屬性以code結束的所有input標籤 input id code id屬性包含code的所有input標籤 input name code name屬性以code開始的...