2 3 CSS選擇器入門(上)

2021-08-17 00:24:47 字數 525 閱讀 6228

css選擇器的格式:

選擇器

一、基本選擇器

1、元素選擇器

元素選擇器,就是「選中」相同的元素,然後對相同的元素設定同乙個css樣式。

語法:

div

div為選擇符,後面兩個為宣告

div是元素符號,width為屬性,100px為屬性值,後面同

2、id選擇器

我們可以為元素設定乙個id,然後針對這個id的元素進行css樣式操作。注意,在同乙個頁面中,不允許出現兩個相同的id,這個就像沒有哪兩個人的身份證號是相同的道理一樣。

id名前面必須要加上字首「#」,否則該選擇器無法生效。id名前面加上「#」,表明這是乙個id選擇器。

3、class選擇器

class選擇器,也就是「類選擇器」。我們可以對「相同的元素」或者「不同的元素」設定乙個class(類名),然後針對這個class的元素進行css樣式操作。

語法:.red

綠葉學習網

綠葉學習網

css選擇器 CSS選擇器總結

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

3 選擇器 2 3偽元素選擇器

1 e first letter文字的第乙個字母或字 如中文 日文 韓文等 p width 200px padding 5px 10px border 1px solid ddd font 14px 1.5simsun p first letter float left font size 40px...

CSS選擇器 復合選擇器

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