CSS 指定選擇器 十一

2021-09-06 22:31:50 字數 612 閱讀 6254

有時個會希望控制某個元素在一定範圍內的物件樣式,這時就可以把元素與class或者id選擇器結合起來使用

這是個span類名為class

這是個span

這是個divid是top

這是個div

指定選擇器物件定義樣式限定為class或者id屬性的某種元素非常有用,它對元素的控制精度介於標籤選擇器與id或者類選擇器之間,是一種非常實用的選擇器型別

如下面模組中如何控制新聞的正文

<

div>

<

h2 class

="news"

>新聞標題

h2>

<

p class

="news"

>新聞正文

p>

<

span

class

="news"

>新聞說明

span

>

<

p>其它檔案資訊

p>

div>

css

div p.news

或者

p.news

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

CSS 三十一 子元素選擇器

與後代選擇器相比,子元素選擇器 child selectors 只能選擇作為某元素子元素的元素。如果您不希望選擇任意的後代元素,而是希望縮小範圍,只選擇某個元素的子元素,請使用子元素選擇器 child selector 例如,如果您希望選擇只作為 h1 元素子元素的 strong 元素,可以這樣寫 ...

CSS選擇器 復合選擇器

選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...