css后代選擇器可以寫5個,本來css的后代選擇器可以選擇多個,但是層級越深,效率越低,所以最好寫5個就行
css 樣式表分類
一,樣式表分類
(1)內聯樣式【優先級最高】【常用】【代碼重復使用性最差】
(當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。)
(2)內嵌樣式表【優先級第二】【最不常用】【代碼重復使用性一般】
(當單個文件需要特別樣式時,就可以使用內嵌樣式表。你可以在 head 部分通過 <style> 標簽定義內部樣式表。)
(3)外部樣式表【優先級最低】【最常用】【代碼重復使用性最好】
(當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。)
I。先創建一個樣式表
II。寫入樣式表內容,調整樣式表位置
二。選擇器
每一條css樣式定義由兩部分組成,形式如下:
選擇器
{樣式}
在{}之前的部分就是“選擇器”。
“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素。
選擇器是選擇器,外部樣式表只是代碼位置
(1)類別選擇器( class選擇器)【第二優先級】【最常用】
前面以"." 來標志,如:
.d1
{
color:red;
}
在HTML頁中:
【1】<div class="d1";>文字</div> 文字顏色為紅色
【2】<p class="d1";>文字</p > 文字顏色為紅色
定義了一個class類,將樣式應用到了元素中。
(2)id選擇器【第一優先級】【最常用】
前面以"#"來標志,如:
#d2
{
color:blue;
}
在HTML頁中:
<div class="d1" id="d2">文字</div> 文字顏色變為藍色 【id選擇器優先級高于類別選擇器】
(3)標簽選擇器(根據標簽名選擇)【第三優先級】【如果同時出現類別選擇器和id選擇器,按照優先級來及執行】【最不常用】
前面以"標簽名"來標志,如:
div
{
color:red;
}
在HTML頁中:
<div>文字<div> 文字顏色變為紅色
(4)復合選擇器【有id第一優先級/都是類別選擇器第二優先級】【最最常用】
[1]群組選擇器
當幾個元素樣式屬性一樣時,可以共同調用一個聲明,元素之間用逗號分隔。
.d1,#d2
{
color:red;
}
在HTML頁中:
【1】<div class="d1";>文字</div> 文字顏色為紅色
【2】<p id="d2";>文字</p > 文字顏色為紅色
使用群組選擇器,將會大大的簡化CSS代碼,將具有多個相同屬性的元素,合并群組進行選擇,定義同樣的CSS屬性,這大大的提高了編碼效率,同時也減少了CSS文件的體積。
[2]后代選擇器
后代選擇器也稱為包含選擇器,用來選擇特定元素或元素組的后代,將對父元素的選擇放在前面,對子元素的選擇放在后面,中間加一個空格分開。
.d1 #d2
{
color:blue;
}
在HTML頁中:
<div class="d1" id="d2">文字</div> 文字顏色變為藍色
后代選擇器是一種很有用的選擇器,使用后代選擇器可以更加精確的定位元素。
這里所謂CSS4永遠不會被推出的,但是不用擔心,CSS仍然會更新,只是下個版本不會再被統稱為CSS4。
如果了解CSS版本演進史,應該能明白一二。
CSS1和CSS2的發布時都是一個完整的文檔,是等所有的features都定義好了后才發布出。做過協議棧開發的人都懂,如果這其中有任何差錯或延遲,那么所有功能相關的spec都會被延遲。這很浪費時間。
而且瀏覽器都是遵循自己的產品周期和定義來添加特性支持,只會選取他們認為最重要的feature來支持。沒有哪個瀏覽器能支持所有CSS feature。
所以從CSS3開始就變成模塊化發布了,相同特性被劃分為獨立的模塊,這樣可以方便實現,獨立更新。
由于CSS3后,所有的模塊都已劃分完畢(附圖), 可以獨立演進更新,更新時間線自然也變得模塊了,因為有的模塊已經更新發布,有的還沒開始呢。
事實上即使劃分模塊,也是有level的,比如Color Level3,Selector Level4等。當然也會有新的module加入,比如CSS Grid,新加入的自然就是 Grid Level1了。
不包括
?一:css基本選擇器有哪些
1.css屬性選擇器
2.css標簽選擇器
3.cssID選擇器
4.css的通配符
二:css有哪些高級選擇器
1.css標簽選擇器
css標簽選擇器其實就是頁面上的所有類型的標簽,我們對經常描述稱為共性,對無法描述的稱為個性。我們在頁面上看到input,div和ul都有可能是選擇器,無論這個標簽藏得多深,都可能被選擇上,并且選擇的是所有標簽,并不是單單指一個。
2.cssID選擇器
css中我們使用#來對名字進行自定義,#是指對一個特殊的標簽來使用,并且只能用一次,在任何html標簽中,都可以有id屬性,但是前提要按照字母開頭,更不能用字母去開頭,或者和標簽同名。還有一些高手建議在css層面上盡量不要使用id。
3.css類選擇器
css中類選擇器,我們使用.來表示,我們使用類來表示,其實就是比較靈活。class和id是十分相似的,并且同一個標簽可以使用很多個類選擇器,也可以多種標簽使用。
4.css的通配符,可以替換任何標簽,目前有些瀏覽器是不支持使用。