css選擇器筆記

2021-09-06 23:18:09 字數 397 閱讀 1012

p.important   選擇器現在會匹配 class 屬性包含 important 的所有 p 元素
我們假設 class 為 important 的所有元素都是粗體,而 class 為 warning 的所有元素為斜體,class 中同時包含 important 和 warning 的所有元素還有乙個銀色的背景 。就可以寫作:

.important 

.warning.important.warning

後代選擇器:也叫包含選擇器

h1 em  h1下面的em

.mytop .topinner mytop下面的 topinner 最終topinner被選擇

CSS選擇器筆記

div 層,塊狀元素 span 包裹內容的容器 行內元素 容器 是設定css樣式的基礎。css是什麼 層疊樣式表 casading style sheets 產生的原因 新增非常多的標籤,相容性問題 css作用 是一種頁面渲染技術,表現形式 html結構,css的渲染,只要是對網頁中得元素的特徵值的...

css筆記 選擇器

1 繼承性 父元素的樣式可以被子元素所繼承 顏色 字型 2 層疊性 給乙個元素設定不同的說明,其效果會疊加。3 優先順序 給同乙個元素設定相同的的說明,效果以後者為準,也叫就近原則 css選擇器 選擇頁面上的元素 1 元素選擇器 通過元素名選擇css作用的目標 比如 2 類選擇器 選擇class等於...

css選擇器 CSS選擇器總結

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