CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。

選擇器包括單獨的選擇和分組選擇。

如：h1 { color:red;} 單獨選擇器 定義h1標簽的文字顏色

h1, h2, h3, h4 {color:red;} 分組選擇器 定義一組標簽的文字顏色

依據選擇方式的不同，選擇器可以分為以下幾個類別：

1. id 選擇器。可以為標有特定 id 的 HTML 元素指定特定的樣式，以 "#" 來定義。

如：#div1 {color:red;} 定義id名為div1 的元素的文字顏色

HTML代碼：

這個div里面所有文字都是紅色得。

2. 類選擇器。可以為標有class屬性的 HTML 元素指定特定的樣式，以"." 來定義。

如： .center {text-align: center}

HTML代碼：

這是大標題

這是文字內容

這兩個標簽元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規則。

3. 屬性選擇器。 對帶有指定屬性的 HTML 元素設置樣式。以"[ ]"來定義。

如：[title] {color:red; } 為帶有 title 屬性的所有元素設置樣式

HTML代碼：

Hello world

4.?派生選擇器。 通過依據元素在其位置的上下文關系來定義樣式

如：li strong {?font-style: italic;?font-weight: normal; }

HTML代碼：

CSS選擇器和我相符，所以對我起作用

5. 元素選擇器。最常見的 CSS 選擇器，直接以標簽名字選擇。

如：html {color:black;}

h1 {color:blue;}

h2 {color:silver;}

6. 包含選擇器。選擇作為某元素后代的元素。以空格來表示

如：h1 em {color:red;} 選取h1 元素包含的 em 元素

HTML代碼：

This is a important heading

7. 子元素選擇器。只選擇某個元素的子元素

如：h1 > strong {color:red;} 這個規則會把第一個 h1 下面的兩個 strong 元素變為紅色，但是第二個 h1 中的 strong 不受影響：

HTML代碼：

這是非常 非常 重要的

這是真的 非常 重要的

8. 相鄰兄弟選擇器。 選擇緊接在另一個元素后的元素，以"+"表示

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

選擇緊接在 h1 元素后出現的段落，h1 和 p 元素擁有共同的父元素

9. 還有一種特殊的選擇器，偽類和偽元素選擇器。這個在網頁中也經常見到。

如： a:link {color: #FF0000}/* 未訪問的鏈接 */

a:visited {color: #00FF00}/* 已訪問的鏈接 */

a:hover?{color: #FF00FF}/* 鼠標移動到鏈接上 */

a:active {color: #0000FF}/* 選定的鏈接 */

這個一看就明白了吧，就是定義a標簽(超鏈接)的不同狀態用不同的CSS樣式顯示

總結

以上是生活随笔為你收集整理的html连在一起的选择器,请问关于css选择器的问题：两个类选择器连在一起是什么意思？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。