DIV CSS星號( )選擇器

2021-07-15 03:25:54 字數 918 閱讀 6803

星號(*)選擇器也稱為通用選擇器、萬用字元選擇符等,星號(*)表示萬用字元。萬用字元選擇符用於對頁面所有元素(html中所有標籤)應用樣式。例如:

*
將網頁html中所有標籤的padding設定為0、margin設定0,字型設定為宋體。

特殊情況下,可以對特定元素的所有後代元素應用樣式。例如,將頁面中p標籤包含的所有後代元素的字型設定為紅色。例如:

將星號(*)選擇器應用到html網頁元素中。**如下:

這是藍色的文字

這是黑色的文字

這是藍色的!這是紅色的!

這也是紅色的!這也是紅色的!真奇妙!

星號(*)選擇器直接應用到了頁面中的所有html元素上。

源**如下:

這是藍色的文字

這是黑色的文字

這是藍色的!這是紅色的!

這也是紅色的!這也是紅色的!真奇妙!

下面在瀏覽器中瀏覽星號(*)選擇器的顯示效果。如下圖所示:

在css選擇器內使用星號(*),一般用於區別ie6和ie8、ie6和firefox、ie7和ie8、ie7和firefox瀏覽器之間屬性的css hack。即(*)號是指定為ie6和更低版本來使用。非ie的瀏覽器就不認得。

如:

.baike369
乙個寬度為100px,乙個帶星號(*)的寬度為200px。我們會發現在ie6和ie7中寬度為200px,而在ie8及以上msie版本、谷歌瀏覽器、火狐(ff)瀏覽器卻顯示為100px寬度。

由於星號選擇器沒有指定任何特殊型別的標籤,因此難以**它在所有頁面均由各種html標籤組成的**上所展現出來的效果。使用css的繼承可以解決這個問題。

由於通配選擇器會影響所有的元素,因此除了清除瀏覽器的內建樣式以外,應謹慎使用。

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...

jQuery選擇器之全選擇器(選擇器)

jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...

Css選擇器 層次選擇器(關係選擇器)

1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...