有時個會希望控制某個元素在一定範圍內的物件樣式,這時就可以把元素與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 分組選擇器 選擇...