1、css各種選擇器舉例，box在HTML中的意思？

這是個CSS的相鄰同胞選擇器。 .box + .box 意思就是：選擇緊鄰第一個box元素的同胞box元素。 這倆類名一樣，解釋起來有點混亂。 我舉個例子。 例如： 標題 標題

文章段落

如果我這么寫：.box1 + h1 ,那么我選擇的就是類名叫.h1-1的元素。 如果：.box2 + h1 ,它不會選擇任何元素，因為.box2的下面沒有一個叫h1的同胞元素。 如果：h1 + div ,那么會選擇.box2的div元素。 第一個元素 + 第二個元素 這個選擇器只會選擇 緊鄰第一個元素 并且是在第一個元素下面的同胞級元素 上面那段代碼，如果你寫 ：.box1 + .box2 將沒有效果，因為他們中間夾了個h1元素。 但是有一個選擇器可以實現(xiàn)，就是.box1 ~ .box2 同胞選擇器。 能力有限，不知幫到了嗎？

2、CSS選擇器first？

.content[data-role=page]:nth-child(2){} 使用:first-child偽類時一定要保證前面沒有兄弟節(jié)點，你前面有個content所以會失效

1

2

3

你把這里的span去掉和加上再看效果 就明白了

3、css的基本語法和標簽？

CSS規(guī)則由兩部分組成，選擇器，和一條或多條聲明，例如：

h1 {color:blue; font-size:12px;}

選擇器通常是html中的一個標簽，每條聲明由一個屬性和屬性值組成，一般是樣式屬性

CSS一般寫在html文件中的<style></style>標簽里面，

CSS注釋：以/* 開頭，*/結(jié)尾

4、css規(guī)則定義有哪些選擇符？

css選擇符（選擇器）有以下這些：

1、通配選擇符（ * ）：匹配任意元素。

2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。

3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.

4、標簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。

5、相鄰選擇符（E + F）：用于選擇（不是內(nèi)部）指定的第一個元素之后緊跟的元素。

6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學習視頻分享：css視頻教程）

7、后代選擇符（E F）：用于選取元素內(nèi)部的元素。

8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。