css 的幾個選擇器

2021-07-11 02:12:46 字數 749 閱讀 5264

css

1、什麼是css

css(cascading style sheets)層疊樣式表

html是用來搭建網頁的布局結構

css是用來新增html的外觀樣式

2、css的書寫方式

a、行內樣式:直接寫在行內

單標記:《元素 style="屬性名:屬性值;" />

雙標記:《元素 style="屬性名:屬性值;" />

b、內聯樣式:在head中書寫

c、外鏈樣式表

1、新建乙個css檔案

2、在標籤裡引入css檔案

3、在xx.css檔案裡編寫樣式

選擇器3、選擇器

(1)*:通配選擇器

自動匹配html裡面的所有元素

語法: *

(2) 元素選擇器

例如:p、span、h1-h6...

語法: 元素名稱

(3)類選擇器:

class="類名"

語法:  .類名

(4)id選擇器:

id="id名"

語法:#id名

(5)群組選擇器:用 , 隔開

語法:p、h2、span

(6)自類選擇器:用空格隔開

語法: div span

(7)為類選擇器

:hover

:link

:visitef

:active

4、選擇器優先順序

id選擇器》類》元素》通配

CSS 選擇器 選擇前幾個元素

方法 使用偽類選擇器處理 1 選擇第n個,n代表數字 nth child n 2 選擇列表中的偶數的標籤 nth child 2n nth child even 3 選擇列表中的奇數的標籤 nth child 2n 1 nth child odd 4 負方向範圍 選擇第1個到第3個 nth chil...

css選擇器 CSS選擇器總結

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

CSS選擇器 復合選擇器

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