使用css時用哪幾種選擇器,前端中css星號是什么意思?
在css樣式中,星號代表的是“所有元素”,“*”選擇器能夠選取所有的元素或者一個元素中的所有子元素。使用“*”選擇器來設置樣式,會統一設置所有元素的樣式,語法為“*{css屬性:屬性值;}”。
星號選擇器(*)表示選中所有的元素。
* 選擇器選取所有元素。
* 選擇器也能選取另一個元素中的所有元素。
注意:*選擇器比較消耗性能,盡量避免使用,應使用更加精確的選擇器選擇元素。
css3中偽類選擇器由什么組成?
w3c規范中偽類有:
active、hover、link、visited 【css1】
所有主流瀏覽器都支持以上偽類,但是只在對標簽上的支持最好。
【css2】的有3個
focus : 如果規定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
first-child:必須聲明<!doctype>才能夠確保在ie中正常支持
lang:如果規定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用:根據元素中的屬性或屬性值來選取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
標簽選擇器有哪些?
1. 標簽名選擇器 div { color:Red;} /即頁面中的各個標簽名的css樣式
2.類選擇器 .divClass {color:Red;} /即定義的每個標簽的class 中的css樣式
3.ID選擇器 #myDiv {color:Red;} /即頁面中的標簽的id
4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} /即多個選擇器以逗號的格式分隔 命名找到準確的標簽
5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標簽分組顯示