css交集選擇器教程,css復(fù)合選擇器有哪三種?
1、元素選擇器 標(biāo)簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時(shí)選中多個(gè)選擇器對(duì)應(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è)~后邊所有
class怎么同時(shí)定義兩個(gè)div?
同時(shí)定義兩個(gè)div,同時(shí)使用相同的class即可。
建議看下css選擇器的使用方法。
CSS 類選擇器類選擇器選擇有特定 class 屬性的 HTML 元素。
如需選擇擁有特定 class 的元素,請(qǐng)寫一個(gè)句點(diǎn)(.)字符,后面跟類名。
實(shí)例
在此例中,所有帶有 class="center" 的 HTML 元素將為紅色且居中對(duì)齊:
.center { text-align: center; color: red; }
CSS怎么寫?
內(nèi)嵌樣式表
<STYLE type="text/css">
選擇符 { 樣式屬性:取值;樣式屬性:取值;...}
</STYLE>
外部樣式表
寫好了樣式之后保存為后綴.css的文件
再在你要引用的HTML文件的<HEAD></HEAD>標(biāo)簽內(nèi)寫上引用語句
<LINK rel="stylesheet" href="該文件的名稱(包括路徑)" type="text/css">
行內(nèi)樣式
在要加入的行的表簽內(nèi)寫 style="同上"
類選擇器語法?
1. 標(biāo)簽名選擇器 div { color:Red;} 即頁面中的各個(gè)標(biāo)簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個(gè)標(biāo)簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁面中的標(biāo)簽的id 4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} 即多個(gè)選擇器以逗號(hào)的格式分隔 命名找到準(zhǔn)確的標(biāo)簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標(biāo)簽分組顯示