CSS選擇器（一）

2021-10-06 21:54:09 字數 1224 閱讀 7190

首先了解下文件結構的關係

在css中有許多選擇器

萬用字元選擇器：可以匹配頁面所有的元素，統一樣式；

*
元素選擇器，選中某個元素為其新增樣式

header
偽元素選擇器，在標籤後新增::afte和::before，注：偽元素的display的預設值是inline，設定高度無效，進行display值的更改（ inline-block 行內塊， block 塊盒），再進行寬高設定，當偽元素進行浮動或者定位的時候，它會自動變為塊盒

div::after
div::before 


`
類選擇器，在開始標記內新增class屬性，屬性值自定義（嚴格區分大小寫，命名最好望文生義）

書寫格式：.類名

.shop
id選擇器，在開始標記內新增id=「shop(命名自定義)」，

書寫格式：#id名，

注：id選擇器具有唯一性，無法重複使用相同屬性值

#shop
組合選擇器/並集選擇器，同時選擇多個不同標籤新增樣式，中間用英文逗號隔開

h1,p,a
層次選擇器1、子集選擇器，中間用》符號隔開

article>div
2、後代選擇器，中間用空格隔開

article div
兄弟選擇器，選中元素的兄弟元素，中間用+符號隔開

ul+div
通用選擇器，選中a元素後面所有的b元素，中間用~符號隔開

p~a
今天的內容就到這裡了，之後再繼續分享css選擇器的剩餘內容

CSS一 選擇器

一 規範 實現結構 html 樣式 css 行為的分離 js 二 css在html中的宣告 如果直接寫css 如果鏈結css檔案 三 選擇器 1 類選擇器 選擇元素.類名 html檔案 this paragraph will also be center aligned.css檔案 h1.cente...

CSS選擇器（一）

css的規則主要由兩個部分組成 選擇器和一條或多條宣告,形式表現如下 selector 選擇器通常就是我們需要改變樣式的html的元素。其中，每條宣告又是由乙個屬性 property 和乙個值 value 組成,屬性與屬性之間通常用分號隔開。的形式則表現為 selector 以上是對css規則的簡單...

CSS（一）選擇器

1.什麼是css？cascading style sheet 層疊樣式表 表現層 美化網頁 css發展史 css優勢 2.css基本語法 1 格式選擇器 2 使用樣式 行內樣式 內部樣式 外部樣式 推薦使用 h1這三種方式遵循就近原則。3.選擇器 選擇器的作用 選擇頁面上的某一元素或者某一類元素。1...