CSS基本選擇器是什麼?基本選擇器是如何工作

2022-07-04 20:21:12 字數 1176 閱讀 6640

選擇器

語法格式

含義舉例

通用選擇器

*通用選擇器可以選擇頁面上的所有元素,並對它們應用樣式,用 * 來表示。不建議使用,ie6不支援,給大型**增加負擔。

*標籤選擇器

標籤名標籤選擇器,匹配對應的html的標籤。

h1類選擇器

.class屬性值

類選擇器,給擁有指定的class屬性值的元素設定樣式。

.box

id選擇器

#id屬性值

id選擇器,在乙個 html 文件中,id 選擇器會使用一次,而且僅一次。id選擇器以#來定義。

#box

結合元素選擇器

標籤名 .class屬性值

選擇器會根據標籤名中包含指定的.class屬性值的元素。

p.box

多類選擇器

.class屬性值.class屬性值

通過把兩個類選擇器鏈結在一起,僅可以選擇同時包含這些類名的元素(類名的順序不限)。注意:在 ie7 之前的版本中,不同平台的 internet explorer 都不能正確地處理多類選擇器。

.box.box1

微笑是最初的信仰

微笑是最初的信仰

微笑是最初的信仰

微笑是最初的信仰

微笑是最初的信仰

微笑是最初的信仰

成功不是擊敗別人,而是改變自己。

成功不是擊敗別人,而是改變自己。微笑是最初的信仰

CSS 基本選擇器

css的選擇器 告訴css的 作用在哪個標籤上。基本選擇器 標籤名選擇器 div span 類選擇器 在html的標籤上,提供了屬性 class,定位到div的標籤 美工經常使用的方式 寫法 class的名稱 hehe 設定不同的標籤,具有相同的樣式 id選擇器 在html的標籤上,提供的屬性 設定...

基本CSS選擇器

基本css選擇器,復合選擇器,後代選擇器 基本css選擇器有標記選擇器 類別選擇器 id選擇器3種 1。標記選擇器 每一種html標記的名稱都可以作為相應的標記選擇器的名稱,如h1,p,等等 2。類別選擇器 類別選擇器的名稱可以由使用者自定義 格式如下 class 3。id選擇器 與類別選擇器相試 ...

CSS基本選擇器

作用 選擇介面上的某乙個或者某一類元素 標籤選擇器會選擇到頁面上所有的這個標籤的元素 h1 h1為標籤 選擇所有class屬性一致的標籤,跨標籤 同乙個標籤,但是顏色不同,則不能用標籤選擇器。在標籤內定義class,並在style中分別用類選擇器定義顏色 好處 可以多個標籤歸類,是同乙個class,...