上次給大家簡單介紹了html與css的基本組成部分,這一期給大家介紹下css的選擇器吧!
先給大家講幾種比較常用的吧。第一種基礎選擇器,類選擇器,它的書寫方式為.加上類名,類名是自定義的,寫類名最好是見名知意,給大家舉乙個例子吧
.shop這樣的話也是選不中第二個p的,因為必須是兄弟元素一樣,這種情況下的話就推薦大家使用header>p:nth-of-type(2),nth-of-type(2)這個選擇器它會先幫我們篩選出p元素,在根據順序來選中第二個p元素內容為222的p元素,注意,初學者們來說,讀選擇器的時候,選擇器是會選擇裡大括號最近的元素進行樣式的新增,注意書寫的時候一定要是英文狀態下的標點符號。
如果元素比較多,想選中奇數項的元素,它的書寫格式就是nth-child(2n+1或odd),偶數項的就是nth-child(2n或even);還有就是否定偽類選擇器啦,它的書寫格式是not(:nth-child(想否定第幾個就寫對應的數字)),否定偽類選擇器的意思就是,處理這個其他進行樣式的新增,有的小夥伴肯定會問,想選中除了第n個和哪乙個該怎麼書寫啦,它的書寫方式就是not(:nth-child(還是對應的數字)):not(:nth-child(對應數字)),推薦大家使用nth-of-type。
這次的分享就到這裡啦,我也是乙個才學習沒多久的菜鳥!下次在和大家分享。
CSS常用選擇器
class 選擇器 選擇並設定 class intro 的元素的樣式 intro id選擇器 為 id firstname 的元素設定樣式 firstname 標籤選擇器 選擇並設定所有 元素的樣式 p並集選擇器 使用 逗號 連線兩個選擇器 選擇並設定所有 樣式和所有 元素的樣式 h1,p 後代選擇...
CSS 常用選擇器
選擇器是指通過一定的語法規則選取到對應的html標記,然後給這個對應的html標記設定樣式 1.標籤選擇器 寫法 標籤名 標籤選擇器影響範圍大,一般用來做一些通用設定,或用在層級選擇器中。舉例 div 這是第乙個div 這是第二個div 2.類選擇器 寫法 類名 通過類名來選擇元素,乙個類可應用於多...
css常用選擇器
css 層疊樣式表 作用 美化html 行內式 css選擇器 外鏈式為單獨書寫的乙個css檔案,內容類似內嵌式,但是沒有內嵌式的外部標籤 如下 標籤選擇器 p color darkseagreen font family 楷體 font weight 200 id選擇器 id color india...