css偽類選擇器簡介,css復(fù)合選擇器有哪三種?
1、元素選擇器 標(biāo)簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時(shí)選中多個(gè)選擇器對應(yīng)的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復(fù)合選擇器(交集選擇器)
作用:選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時(shí)元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點(diǎn)擊時(shí)元素的狀態(tài)
10、 屬性選擇器
作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個(gè)元素后緊挨著的指定的兄弟元素
語法:前一個(gè)+后一個(gè)(作用在后一個(gè))
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個(gè)~后邊所有
偽dom是什么意思啊?
偽dom是指自定義的css偽類選擇器。
css怎樣讓圖片鼠標(biāo)停留時(shí)變亮?
1、打開hbuilder,在空白的html文件上面設(shè)置一個(gè)div,給div一個(gè)class并命名為img。
2、在CSS里設(shè)置img的類一定的寬和高,引入示例圖片,設(shè)置圖片為不重復(fù)。并且給img的類設(shè)置“:hover”偽類,設(shè)置偽類內(nèi)的透明度為0.6。
3、打開瀏覽器,在瀏覽器內(nèi)查看效果。
4、將鼠標(biāo)移入圖片,就會(huì)發(fā)現(xiàn)圖片已經(jīng)變亮了。
以上就是用CSS設(shè)置鼠標(biāo)經(jīng)過圖片變亮,移開變變暗效果的演示。
CSS選擇器權(quán)重如何計(jì)算?
很古老的話題了
id=100
class=10
tag(標(biāo)簽)=1
按照這個(gè)規(guī)律去計(jì)算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個(gè)的權(quán)重要比第二個(gè)要高。另外關(guān)于權(quán)重的擴(kuò)展知識面,我推薦了解下BEM命名規(guī)則,這個(gè)觀念很好,可以從側(cè)面杜絕權(quán)重問題的產(chǎn)生,還有一個(gè)就是提高權(quán)重的方法 !important;