css復合選擇器有哪些

CSS復合選擇器包括子選擇器、相鄰選擇器、包含選擇器、多層選擇器嵌套、屬性選擇器、偽選擇器和偽元素選擇器，以上具體的使用如下：

成都創(chuàng)新互聯(lián)公司專注于龍里企業(yè)網站建設,響應式網站建設,商城網站建設。龍里網站建設公司,為龍里等地區(qū)提供建站服務。全流程按需網站設計，專業(yè)設計，全程項目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務

1.子選擇器

復制代碼

代碼如下:

style type="text/css"

#picimg{ // 使用 號，讓選擇器只選擇直接的子類，width:200px;

height:200px;

}

/style

div id="pic"

img src="1.jpg" alt="photo" /

spanimg src="btn" alt="點擊大圖" //span

/div

2.相鄰選擇器

如果需要選擇緊接在另一個元素后的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器（Adjacent sibling selector）。

例如，如果要增加緊接在 h1 元素后出現(xiàn)的段落的上邊距，可以這樣寫：

h1 + p {margin-top:50px;}

這個選擇器讀作：“選擇緊接在 h1 元素后出現(xiàn)的段落，h1 和 p 元素擁有共同的父元素”。

3.包含選擇器

復制代碼

代碼如下:

#header p{font-size:14px}

#main p {font-size:12}

定義div id = "header"包含框里的段落字體大小為14像素

定義div id = "main"包含框里的段落字體大小為12像素.

4.多層選擇器嵌套

復制代碼

代碼如下:

#wrap #header h2 span {font-size:24px}

#wrap #main h2 span {font-size:14px}

5.屬性選擇器

（1）匹配屬性名選擇器

div[class] {font-size:24px;}

使該選擇器能夠匹配div中設置了class屬性的對象定義格式

（2)匹配屬性值選擇器

img[alt="圖像"][title="圖像"] {border：solid 2px red}：

給img src="images/pic1.jpg" alt="圖像" title=“圖像”定義樣式

(3)模糊匹配屬性值選擇器

6.偽選擇器和偽元素選擇器

復制代碼

代碼如下:

style type ="text/css"

a:link{color:#FF0000} /*正常鏈接狀態(tài)下樣式*/

a:visited{color:#0000FF} /*被訪問之后的樣式*/

a:hover{color:#00FF00} /*鼠標經過的樣式*/

a:active{color:#FF00FF} /*超鏈接被激活的樣式*/

/style

css中的font的復合樣式的順序是怎樣的

您好，都可以，都能正確的顯示，不限順序。 一般規(guī)定的順序為：font-style，font-variant，font-weight，font-size，font-family。希望能幫到您！

css中的font的復合樣式的順序是怎樣的？

可設置的屬性（按順序）： "font-style font-variant font-weight font-size/line-height font-family"

font 簡寫屬性在一個聲明中設置所有字體屬性。

font-size和font-family的值是必需的。如果缺少了其他值，默認值將被插入，如果有默認值的話。

注意： line - height屬性設置行與行之間的空間。

例子：

p.ex1{

font:15px arial,sans-serif;

}

p.ex2{

font:italic bold 12px/30px Georgia,serif;

}

擴展資料：

1、font-style：指定文本的字體樣式。

屬性值：

normal：默認值。瀏覽器顯示一個標準的字體樣式。 ?

italic：瀏覽器會顯示一個斜體的字體樣式。 ?

oblique：瀏覽器會顯示一個傾斜的字體樣式。 ?

inherit：規(guī)定應該從父元素繼承字體樣式。

2、font-variant：設置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會被轉換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。

font-variant 屬性主要用于定義小型大寫字母文本。

屬性值：

normal：默認值。瀏覽器會顯示一個標準的字體。 ?

small-caps：瀏覽器會顯示小型大寫字母的字體。 ?

inherit：規(guī)定應該從父元素繼承 font-variant 屬性的值。 ?

3、font-weight：屬性設置文本的粗細。

屬性值：

normal：默認值。定義標準的字符。 ?

bold：定義粗體字符。 ?

bolder：定義更粗的字符。 ?

lighter：定義更細的字符。 ?

100-900的整百數(shù)：定義由粗到細的字符。400 等同于 normal，而 700 等同于 bold。 ?

inherit：規(guī)定應該從父元素繼承字體的粗細。

4、font-size：屬性用于設置字體大小。 ?

5、font - family：屬性指定一個元素的字體。