CSS的選擇器 2 2 id選擇器和類選擇器

2021-10-23 15:04:08 字數 2195 閱讀 7686

1.什麼是id選擇器

id是指我們可以在html標籤上設定乙個id屬性值

id屬性的特點是乙個html文件中,是 唯一 的,不能重複

格式為 #id

含義 :可以選中頁面中含有id屬性的值的元素,從而給其增加樣式

例如華為5g技術

注意:命名id時,(即屬性的寫法)

id名中間不能有空格,否則,是乙個非法的id定義

且不能以數字開頭

也不能包含 & @ 這類字元

可以是文字,比如

小例子1:

選擇器title

>

>

#title ,#title2

#哈style

>

head

>

>

"title"

>

我是出鏡率很高的h1h1

>

"哈">

哈哈哈哈h2

>

"title2"

>

我是出鏡率不高的h2h2

>

body

>

html

>

2.什麼是類選擇器?

格式 .class

類選擇器中的類指的是class屬性

有相同class屬性值的都會被選中

class與id相比不具有唯一性

class屬性的值通常以字母開頭中間不能有空格

類選擇器可以和元素選擇器組合使用(一會舉個例子)

例如:華為5g技術

小例子2: 挺好的

選擇器title

>

>

/* #title ,#title2

#哈 */

.title

.phone

/* 類選擇器可以和元素選擇器組合使用

p.phone 中間沒有空格,緊挨著 */

p.phone

style

>

head

>

>

"title"

>

我是出鏡率很高的h1h1

>

"哈">

哈哈哈哈h2

>

"title2"

>

我是出鏡率不高的h2h2

>

class

="title"

>

華為5g技術div

>

class

="phone"

>

p40div

>

>

路由器div

>

>

智慧型屏div

>

class

="phone"

>

mate40div

>

class

="phone"

>

novap

>

body

>

html

>

css類選擇器和ID選擇器

語法 類選器名稱 注意 1 英文圓點開頭 2 其中類選器名稱可以任意起名 但不要起中文噢 使用方法 第一步 使用合適的標籤把要修飾的內容標記起來,如下 膽小如鼠 第二步 使用class 類選擇器名稱 為標籤設定乙個類,如下 膽小如鼠 第三步 設定類選器css樣式,如下 stress 類前面要加入乙個...

CSS中的選擇器之類選擇器和id選擇器

1.類選擇器,又叫class選擇器 2.id選擇器 3.html元素選擇器 又叫標籤選擇器 4.萬用字元選擇器 5.偽類選擇器 6.組合選擇器 多元素選擇器,子元素選擇器,後代選擇器 簡單來說,選擇器就是在css中建立,而在網頁頁面 html,jsp,php,asp.net 中使用 選擇器的名稱命名...

CSS基礎選擇器 類選擇器 id選擇器

選擇器的作用 根據不同的需求把不同的標籤選出來 是由單個選擇器組成的 包括 標籤選擇器 類選擇器 id選擇器 萬用字元選擇器 1 標籤選擇器 指用html標籤名稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。優點 能夠快速為頁面中同型別的標籤統一設定樣式。缺點 不能設計差異化樣...