11 CSS基礎選擇器

2022-10-10 23:21:26 字數 739 閱讀 9290

1.標籤選擇器

標籤選擇器(元素選擇器)是指用html標籤名稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。

標籤名

例如p

div

style>

男生p>

女生div>

body>

輸出2.類選擇器

如果想要差異化選擇不同的標籤,單獨選乙個或某幾個標籤,可以使用類選擇器。

.類名

例如.red

.blue

.font35

style>

春天li>

夏天li>

秋天li>

冬天li>

ul>

輸出3.id選擇器

html元素以id屬性來設定id選擇器,css中id選擇器以#來定義

#id名

例如#red

#blue

#font35

style>

春天li>

夏天li>

秋天li>

冬天li>

ul>

輸出  id選擇器和類選擇器區別:

(1)id選擇器只能呼叫一次,其他標籤不能呼叫。

(2)id選擇器不能結合使用,因為id選擇器不允許有空格分隔的詞列表。

4.萬用字元選擇器

萬用字元選擇器使用 *定義,它表示選取頁面中所有元素,不需要呼叫。

* 原文位址:

python爬蟲系列11 CSS選擇器

css是一門將html文件樣式化的語言。選擇器由它定義,並與特定的html元素的樣式相關連。在css中,選擇器是一種模式,用於選擇需要新增樣式的元素。選擇器 例子 例子描述 class intro 選擇 class intro 的所有元素 id firstname 選擇 id firstname 的...

CSS選擇器之基礎選擇器

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

CSS 選擇器之基礎選擇器

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