前端css常用的選擇小匯

要使用css對html頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到css選擇器。選擇器就是選擇器用來指定樣式的作用範圍。

類選擇器：

類選擇器在css中比較常見，首先要在普通標籤中設定乙個類，類名不可為中文，然後在 style 標籤中新增該類名的樣式。類選擇器在選擇器前要加乙個點」.」

例子：

第一段第二段

id選擇器

id選擇器與類選擇器大致相同，不同的是：

例子：

第一段第二段

小於這個類的子標籤

例子：

.shasha>li

小於號代表第乙個後代，空格可以指定其所有後代標籤

例子：

.shasha li

通用選擇器，選擇html文件中的所有標籤。

*

給標籤的某乙個狀態設定乙個類，例如超連結標籤可以設定為滑鼠停留後顯示別的顏色。

最常用的也就是a:hover

a:hover

選擇符中間以逗號隔開，等於同時給多個選擇符新增樣式

.shasha,#shasha2 span

類選擇器：給標籤新增乙個類屬性，根據類屬性新增樣式，可以使用多個類名，多次使用

id選擇器：給標籤新增乙個id屬性，id必須是要唯一的，乙個文件只能使用一次id選擇器。

子選擇器：用小於號分隔，指其選擇器中的子標籤

包含選擇器：用空格分隔，指其選擇器中的所有後代標籤

通用選擇器：對html中所有的標籤有效

偽類選擇器：給標籤的乙個動作新增乙個選擇器

分組選擇器：逗號分隔，同時作用給多個標籤

css 選擇器參考手冊：

自薦前端乾貨：

高階攻略|前端最全的框架總結：

web開發快速提高工作效率的一些資源：

前端學習的幾個**：

老司機程式設計師用到的各種**整理：

高階攻略|前端完整的學習路線：

前端幾個常用簡單的開發手冊拿走不謝：

程式設計師常用的六大技術部落格類：

九款優秀的企業專案協作工具推薦：

移動端手勢的七個事件庫：

bootstrap相關優質專案學習清單：

2018前端越來越流行的的技術：

前端css常用的選擇小匯

要使用css對html頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到css選擇器。選擇器就是選擇器用來指定樣式的作用範圍。類選擇器 類選擇器在css中比較常見，首先要在普通標籤中設定乙個類，類名不可為中文，然後在 style 標籤中新增該類名的樣式。類選擇器在選擇器前要加乙個點 例子 ...

前端css常用的選擇小匯

要使用css對html頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到css選擇器。選擇器就是選擇器用來指定樣式的作用範圍。類選擇器 類選擇器在css中比較常見，首先要在普通標籤中設定乙個類，類名不可為中文，然後在 style 標籤中新增該類名的樣式。類選擇器在選擇器前要加乙個點 例子 ...

前端css常用的選擇小匯

要使用css對html頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到css選擇器。選擇器就是選擇器用來指定樣式的作用範圍。類選擇器 類選擇器在css中比較常見，首先要在普通標籤中設定乙個類，類名不可為中文，然後在 style 標籤中新增該類名的樣式。類選擇器在選擇器前要加乙個點 例子 ...