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 分組選擇器 選擇...