1、 css3類選擇器,CSS樣式的方式和特點是什么?
1.繼承性
作用:子元素可以繼承父元素的樣式text-,font-,line-這些元素開頭的都可以繼承,以及color屬性特殊性:
①. a標簽的顏色不能繼承,必須對a標簽本身進行設置
②. h標簽的字體大小不能修改,必須對h標簽本身進行修改
2.層疊性
是瀏覽器處理沖突的一個能力如果一個屬性通過兩個選擇器設置到同一個元素上,那么這個時候一個屬性就會將另一個屬性層疊掉
3.優先級
權重:!important>行內樣式>id選擇器>類選擇器>標簽選擇器>通配符>繼承
作用:多個選擇器組合以后的優先級
算法:(0,0,0,0)==》第一個0是important的個數,第二個0是id選擇器的個數,
第三個0對應的類選擇器的個數,第四個0對應的是標簽選擇器的個數,就是當前選擇器的權重。
2、 html中class選擇器又叫?
Class 在程序中稱“類”,同時在CSS中也書面語也叫“類”。css中class即類選擇器。html中的class=是一個選擇器,可以理解為一個標識,用來標識特定的標簽。
比如:<divclass="div1"></div>這就是一個標識效果,以后你想要改變這個div的樣式的話就可以找class為div1的元素了。
3、 類選擇器的定義方式?
類選擇器允許以一種獨立于文檔元素的方式來指定樣式。
該選擇器可以單獨使用,也可以與其他元素結合使用。
提示:只有適當地標記文檔后,才能使用這些選擇器,所以使用這兩種選擇器通常需要先做一些構想和計劃。
要應用樣式而不考慮具體設計的元素,最常用的方法就是使用類選擇器。
4、 css3的transition是直接寫在選擇器上?
寫在哪里是要分情況的,是要看你想要實現什么效果。
1)如果寫在選擇器,如果是寫的rotate等事件,則直接執行事件,如果寫的是transtion:all ease 0.5s,那么他在你鼠標移入以及鼠標移出的時候都會發揮作用。
2)寫在hover上,那么他只會在鼠標移入的時候才執行你自己定義的transtion動作,移出沒有效果;