了解css選擇器的語法及其權(quán)重,css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點擊時元素的狀態(tài)
10、 屬性選擇器
作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
css選擇器項目符號圖像是什么?
css樣式屬性list-style-image :設定列表項目符號的自定義圖像。其值是一個引用圖像的URL路徑。
url ( url ) —— 使用絕對或相對 url 地址指定圖像。
有css3鼠標懸停特效怎么運用?
a:hover是css中的選擇器,用于選擇鼠標指針浮動在上面的元素。所以a:hover可用于設置當鼠標懸停在超鏈接之上時超鏈接的樣式。示例如下:在Html代碼中給出一個超鏈接<a href="#">我是一個超鏈接。</a設置鼠標懸停的css樣式a:hover{ color:red; /*設置顏色為紅色*/ font-size:20px; /*字體變大*/ text-decoration: none; /*去掉下劃線*/}很多的,基本上CSS樣式都可以有在里面。可以關注衛(wèi)星公眾號(web開發(fā)分享交流),一起交流分享web開發(fā)技術(shù),還有2054G開發(fā)資料!
html5中css樣式的三種語法?
1:內(nèi)聯(lián)樣式 :內(nèi)聯(lián)樣式通過style屬性來設置,屬性值可以任意的CSS樣式。
2:內(nèi)部樣式 :內(nèi)部樣式定義在文檔的head部分,通過style標簽來設置。需要使用元素選擇器(p)來關聯(lián)樣式和要設置樣式的標簽(p標簽)。
3:外部樣式 :在文檔外的*.css定義css樣式,然后在文檔的head部分通過link元素引入。