ID選擇器和類選擇器

2021-07-26 13:10:12 字數 909 閱讀 2192

什麼是id選擇器呢

id選擇器的作用是 根據指定的id名稱,找到對應的標籤,然後設定屬性。

例如:

id選擇器

我是文字

注意點:①在同乙個介面中,id的名稱是不可以重複的。

②在id名稱的前面一定要加上乙個#。

③id名字的組成只能由 字母/數字/下劃線組成。並且滿足變數的寫法,不能以數字開頭。

------------------------分割線-------------------------

什麼是類選擇器呢?

類選擇器的作用就是 根據指定的類名找到對應的標籤,然後設定屬性。

每乙個html的標籤都有乙個屬性class

格式:

.類名

正確的寫法:《標籤名稱 class="類名1 類名2">

錯誤的寫法:《標籤民稱 class="類名1" class="類名2">

注意點:

①乙個標籤可以同時繫結多個類名。

②類名就是用來給特定的標籤設定樣式的

③類名的命名規範和id的命名規範是一樣的

-----------------------------分割線---------------------------

1.id和class的區別

id相當於人的身份證,是不可以重複的

class相當於人的名稱,是不可以重複的

2. 乙個html標籤只能繫結乙個id名稱

乙個html標籤可以繫結多個class名稱

3.id選擇器和class選擇器的區別:

id選擇器是以#開頭

class選擇器是以.開頭

4. 一般情況下不要使用id來設定樣式,一般用class設定樣式

類選擇器和ID選擇器

什麼是選擇器?每一條css樣式宣告 定義 由兩部分組成,形式如下 選擇器在 之前的部分就是 選擇器 選擇器 指明了 中的 樣式 的作用物件,也就是 樣式 作用於網頁中的哪些元素。類選擇器 類選擇器在css樣式編碼中是最常用到的,格式如下 類選擇器名稱 注意 1.英文圓點開頭 2.類選擇器名稱可以任意...

css類選擇器和ID選擇器

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

標籤選擇器,id選擇器,class類選擇器

1.標籤選擇器的格式 標籤 屬性 值 我是段落 2.id選擇器的格式 id名稱 屬性 值 我是段落 3.class類選擇器的格式 類名 屬性 值 我是段落 1 每乙個標籤都有id和class屬性 但是每乙個標籤只能有乙個id的屬性,但是可以有很多個class屬性。2 id相當於人的身份證,class...