css裡面多層class選擇好不好

2022-02-25 18:08:00 字數 4705 閱讀 9917

1樓:匿名使用者

的確如此,因為瀏覽器解析css選擇器是從右向左的,形如.class1 .class2 .

class3 這樣的選擇器(後代選擇器),瀏覽器會先將頁面中所有含class3這個類名的標籤渲染一遍,然後再讀取.class2,將.class2下包含.

class3類名的標籤渲染一遍,最後再將.class1下.class2下包含.

class3類名的標籤渲染一遍。這樣一來瀏覽器渲染了三次,效能肯定比直接.class3效率低(由於渲染是毫秒級別就完成的,所以肉眼無法察覺),無疑直接單類名的效率更佳,但如果用單類名的話對類名命名的要求較高(要避免樣式類名重複),而且會增加css檔案的**量,所以具體用單類名還是後代選擇器要根據實際情況去定,如果用了後代選擇器,推薦最好不要超過2層。

和第1個問題原理相同,你的後一種寫法更好。

對,一般是這樣的。無論是js還是css,id選擇器的效率是最高的,但id選擇器在頁面中不能重複,這一點會影響到css**的重用度,所以寫css採用class類名的方法要更好。

加不加class要從效能和維護兩個方面去考慮,例如 .class1 ul li p 和 .head .

photo-title 這樣的類名,前者的效率比後者低,且時間一久,你根本不知道這裡這個p是幹嘛的了。

2樓:匿名使用者

問題1:可以直接寫最近的類名就可以了

問題2:如果這人個p是獨立樣式,建議加一個會好些問題3:這個根據實際需求了,id為唯一性,可以統一樣式,class對各各樣式

問題4:需要用到樣式的時候,就需要用到class

css裡面如果有多個div,定義多個class為什麼無效?

3樓:帥的被罰款了

從需求入手進行分析:

如果想實現的樣式效果是多個div都具有同樣樣式,給多個div標籤賦予相同的class名,可以達到同類class樣式同時控制的效果

如果想實現的是div中巢狀的div中每個層級巢狀的樣式都具有其各自的樣式,則需要引入其他的「選擇器」配合class的類選擇器來分別控制

多個div的關係不是巢狀的是混合的或者是並列的話,同樣在css操作標籤時需要結合其他的選擇器來實現對某一div的精確控制

從**運用的角度來糾錯:

使用class時注意:類名的第一個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用

確定css在控制標籤時,標籤元素正確繼承屬性

確認css**中的樣式屬性**正確,沒有使用不存在的屬性,比如把控制文字獨有的屬性錯用到了塊元素的屬性控制上

4樓:匿名使用者

div.aa

div.bb

5樓:

你直接給div id多好。

6樓:匿名使用者

.aa.bb

應該要這樣定義的

id的話就是#aa{} #bb{} 樣式一樣的寫法

css中的「class」裡的樣式屬性是否能夠有多個?

7樓:jiawen廖

css中class可以指定多個值,用空格隔開就可以了,多個樣式定義最終會疊加在一起應用到當前元素。

一、css中id和class的區別:

1、id的優先順序比class高。

2、class是通用屬性,就是說幾個div可以呼叫同一個class ,而id是唯一的,web標準中不允許出現兩個div的id標識是相同的,id也是js獲取物件的一個標識,所以也必須是唯一的。

二、class屬性修改:

類屬性即class屬性,規定類名,用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值。注意每個html元素只有一個class屬性。但是class屬性的值可以是多個名稱,即可能包含一個詞的列表,中間用空格分隔。

8樓:來這看看

是的。css中的「class」裡的樣式屬性可以指定多個值,用空格分開,每個值的樣式都會疊加在應用的元素,樣式的優先順序參考css的優先順序。

css(層疊樣式表)

層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字號樣式,擁有對網頁物件和模型樣式編輯的能力。

css為html標記語言提供了一種樣式描述,定義了其中元素的顯示方式。css在web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

class屬性

class屬性允許向一組在class屬性上具有相同值的元素應用宣告。body內的所有元素都有class屬性。從本質上講,可以使用class屬性來分類元素,在樣式表中建立規則來引用class屬性的值,然後瀏覽器自動將這些屬性應用到該組元素。

類選擇器以標誌符(句點)開頭,用於指示後面是哪種型別的選擇器。對於類選擇器,之所以選擇句點是因為在很多程式語言中它與術語「類」相關聯。翻譯成英語,標誌符表示「帶有類名的元素」。

1、類選擇器

在 css 中,類選擇器以一個點號顯示:**如下:

.center

在上面的例子中,所有擁有 center 類的 html 元素均為居中。

在下面的 html **中,h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規則。**如下:

this paragraph will also be center-aligned.

注意:類名的第一個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。

和 id 一樣,class 也可被用作派生選擇器:**如下:

.fancy td

在上面這個例子中,類名為 fancy 的更大的元素內部的**單元都會以灰色背景顯示橙色文字。(名為 fancy 的更大的元素可能是一個**或者一個 div)

元素也可以基於它們的類而被選擇:**如下:

td.fancy

在上面的例子中,類名為 fancy 的**單元將是帶有灰色背景的橙色。**如下:

2、多類選擇器

(1)在 html 中,一個 class 值中可能包含一個詞列表,各個詞之間用空格分隔。例如,如果希望將一個特定的元素同時標記為重要(important)和警告(warning),就可以寫作(這兩個詞的順序無關緊要,寫成 warning important 也可以): **如下:

this paragraph is a very important warning.

假設 class 為 important 的所有元素都是粗體,而 class 為 warning 的所有元素為斜體,class 中同時包含 important 和 warning 的所有元素還有一個銀色的背景 。就可以寫作:**如下:

.important

.warning

.important.warning

.important.urgent

這個選擇器將只匹配 class 屬性中包含詞 important 和 urgent 的 p 元素。因此,如果一個 p 元素的 class 屬性中只有詞 important 和 warning,將不能匹配。不過,它能匹配以下元素:

**如下:

this paragraph is a very important and urgent warning.

參考資料

css 類選擇器詳解.w3school[引用時間2018-1-8]

css中的「class」裡的樣式屬性是否能夠有多個呢?

9樓:jiawen廖

css中class可以指定多個值,用空格隔開就可以了,多個樣式定義最終會疊加在一起應用到當前元素。

一、css中id和class的區別:

1、id的優先順序比class高。

2、class是通用屬性,就是說幾個div可以呼叫同一個class ,而id是唯一的,web標準中不允許出現兩個div的id標識是相同的,id也是js獲取物件的一個標識,所以也必須是唯一的。

二、class屬性修改:

類屬性即class屬性,規定類名,用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值。注意每個html元素只有一個class屬性。但是class屬性的值可以是多個名稱,即可能包含一個詞的列表,中間用空格分隔。

10樓:匿名使用者

是的,class可以指定多個值,用空格隔開就可以了.多個樣式定義最終會疊加在一起應用到當前元素.

11樓:匿名使用者

是啊同一標籤可以定義多個class 用空格隔開就行了在樣式表裡 三個class名都可以定義標籤的樣式如果屬性不重複則樣式疊加

如果屬性重複(例如3個樣式裡同時都設定了背景色)則以最後面的class為準

12樓:

是這樣的

css裡可以指定多個值

用空格分開

每個值的樣式都會疊加在應用的元素

樣式的優先順序參考css的優先順序

13樓:匿名使用者

沒錯,前面傳承給後面,後面覆蓋前面同屬性!

不過這麼寫有些多,最好控制3個以內,而且大部門是通用屬性!

CSS的ID和Class有什麼區別如何正確使用它們

class可以在頁面裡面重複使用,id由於在頁面裡面只能出現一次,所以不能重複使用,所以儘量用class來寫,這樣能在頁面裡面重複引用你寫的css,減小工作量和 量。這兩個是css裡面的兩個選擇器,對應於頁面上的元素的屬性id 和class 也就是css通過id和class來找到頁面上匹配的id或c...

css的作用範圍,css 選擇器的作用域

css一種用來表現html 標準通用標記語言的一個應用 或xml 標準通用標記語言的一個子集 等檔案樣式的計算機語言。css能夠對網頁中物件的位置排版進行畫素級的精確控制,支援所有的字型字號樣式,擁有對網頁物件和模型樣式編輯的能力,並能夠進行初步互動設計,範圍有以下三點 1 外聯式linking 也...

html div裡面的class是什麼意思

在這裡我將用id與class的比較,讓這個問題更容易理解1 使用區別 id具有唯一性,在一個網頁中同一個命名只能使用一次 class命名的類可以在一個網頁中使用無數次。2 css中區別 id在css 中是以 井號符號開頭命名的類class在css 中是以 小寫句號符號命名開頭的類3.id和class...