css選擇器(基礎)

2021-09-26 18:59:07 字數 1137 閱讀 5372

css選擇器:

乙個樣式的語法是由選擇器 屬性 屬性值三部分組成;

到底什麼是選擇器呢?

答:個人直白的理解為:選擇一種要對它進行操作的標籤的方法就叫做選擇器。也就是說選擇器就是一種選擇元素的方式。

1,元素選擇器

長風破浪會有時,直掛雲帆濟滄海

會當凌絕頂,一覽眾山小

天生我材必有用,千金散盡還復來

2,id選擇器

長風破浪會有時,直掛雲帆濟滄海

會當凌絕頂,一覽眾山小

天生我材必有用,千金散盡還復來

數風流人物,還看今朝

3,class選擇器

長風破浪會有時,直掛雲帆濟滄海

會當凌絕頂,一覽眾山小

天生我材必有用,千金散盡還復來

數風流人物,還看今朝

4,子元素選擇器

長風破浪會有時,直掛雲帆濟滄海

會當凌絕頂,一覽眾山小

長風破浪會有時,直掛雲帆濟滄海

會當凌絕頂,一覽眾山小

5,群組選擇器

長風破浪會有時,直掛雲帆濟滄海

會當凌絕頂,一覽眾山小

長風破浪會有時,直掛雲帆濟滄海

會當凌絕頂,一覽眾山小

6,偽類選擇器

1,:after與content屬性一起連用,用於定義在物件後面的內容

語法:選擇符::after

2,:before與content屬性一起連用,用於定義在物件後面的內容

語法:選擇符::before

3,:first-letter:定義物件內第乙個字元的樣式。

說明:*(該偽元素只能用於塊級元素。)

4,:first-line:定義物件內第一行的樣式。

說明:*(該偽元素只能用於塊級元素。)

!!!ie6以下版本瀏覽器不支援偽物件選擇器

10:53:17   2017-11-05

以上就是幾種常見的選擇器,也是css必須掌握的要點,希望大家勤加練習,共同進步!

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器,是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤,且標籤的id屬性值不同,然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...

CSS 基礎選擇器

css cascading style sheet,層疊式樣式表,即乙個標籤可以同時被多種選擇器選擇,標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤,從而影響樣式。基礎選擇器 1.標籤選擇器,就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...