怎樣用css的類選擇器選擇子標籤

2021-05-05 01:42:49 字數 1835 閱讀 7851

1樓:

1、新建html文件,然後在body標籤中新增原題中的元素:

2、在head標籤中新增style標籤,然後在style標籤中輸入「.abc」,這個表示獲取的是外標籤div:

3、在「.abc」後面輸入一個空格,然後輸入「.efd」,這時選擇的是外div的子標籤:

2樓:純潔的小樹

使用css的 子元素選擇器

與後代選擇器相比,子元素選擇器(child selectors)只能選擇作為某元素子元素的元素。

選擇子元素

如果您不希望選擇任意的後代元素,而是希望縮小範圍,只選擇某個元素的子元素,請使用子元素選擇器(child selector)。

例如,如果您希望選擇只作為 h1 元素子元素的 strong 元素,可以這樣寫:

h1 > strong

這個規則會把第一個 h1 下面的兩個 strong 元素變為紅色,但是第二個 h1 中的 strong 不受影響:

語法解釋

您應該已經注意到了,子選擇器使用了大於號(子結合符)。

子結合符兩邊可以有空白符,這是可選的。因此,以下寫法都沒有問題:

h1 > strong

h1> strong

h1 >strong

h1>strong

如果從右向左讀,選擇器 h1 > strong 可以解釋為「選擇作為 h1 元素子元素的所有 strong 元素」。

結合後代選擇器和子選擇器

請看下面這個選擇器:

table.company td > p

上面的選擇器會選擇作為 td 元素子元素的所有 p 元素,這個 td 元素本身從 table 元素繼承,該 table 元素有一個包含 company 的 class 屬性。

3樓:匿名使用者

123456

7選擇第一個子元素    first-childli:first-child

2.選擇最後一個子元素 last-childli:last-child

3.選擇某一個子元素  nth-child(子元素下標)li:nth-child(5)

4.選擇奇數子元素(1,3,5,7....)  nth-child(odd)

li:nth-child(odd)

5.選擇偶數子元素(2,4,6,8.....)  nth-child(even)

li:nth-child(even)

效果圖:

4樓:匿名使用者

css?

那就是.abc .efd這樣的唄

前提是efd是在abc標籤內成誒能這樣寫。

如果是有多高efd,可以用.abc .efd:nth-child(數字),裡面數字表示第幾個efd的單獨樣式

5樓:it小悅

.abc .edf{}

6樓:陽光的豆豆魚

$(".abc .efd")

css3選擇器怎樣選擇元素?

7樓:澤男君

**如下:

li:nth-child(3n)

css即層疊樣式表(cascading stylesheet)。 在網頁製作時採用層疊樣式表技術,可以有效地對頁面的佈局、字型、顏色、背景和其它效果實現更加精確的控制。

css3是css技術的升級版本,css3語言開發是朝著模組化發展的。以前的規範作為一個模組實在是太龐大而且比較複雜,所以,把它分解為一些小的模組,更多新的模組也被加入進來。這些模組包括:

盒子模型、列表模組、超連結方式 、語言模組 、背景和邊框 、文字特效 、多欄佈局等。

CSS中的ID選擇器和類選擇器的區別是什麼?最好能附上簡單的例子,謝謝啦,加分

什麼時候用id,什麼時候用class?w3c標準這樣規定的,在同一個頁面內,不允許有相同名字的id物件出現,但是允許相同名字的class。這樣,一般 分為頭,體,腳部分,因為考慮到它們在同一個頁面只會出現一次,所以用id,其他的,比如說你定義了一個顏色為red的class,在同一個頁面也許要多次用到...

後代選擇器和子代選擇器的區別,子選擇器和後代選擇器寫法是一樣的嗎?

在選擇器和子代選擇器,他們肯定是有一點點不一樣的啦,你要把那個 看清楚了,才能夠知道的瞭解清楚。選擇的區別當然是很大的,因為他們根本就是兩種性質 選擇器和子代選擇器他們是有本質上的區別的,因為他們是兩個不同的東西。二者的主要區別的話,就是他們的功能性是不一樣的,而且相對來說的話,使用效果不一樣,達到...

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

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