css學習之選擇器

2021-10-18 06:41:18 字數 565 閱讀 4798

這是我的第一篇部落格,說實話還有點小緊張.
id選擇器與類選擇器

id與類選擇器大體上相差無幾,兩者都是規定出在預設標籤或派生選擇器的例外情況,與類選擇器不同的是id選擇器只可以依附於乙個標籤而類選擇器可以應用於不同標籤

屬性選擇器

格式: id/class/標籤名[標籤內屬性=value]

引數:

兄弟姐妹一家人選擇器

這是我自己給他們起的名字,包含了父級,子級,同級的選擇器
子級選擇器

ul em
這就代表的子級選擇器,但需要但需要注意在上述例子中只匹配ul的em標籤,無論是不是當前標籤的直接子級

關於 div > p{} 中的 '>'標記的意思為只找到div下的p就是直接子級

相臨兄弟選擇器

h1 + p
只會找h1同級的p的第乙個標籤

偽類選擇器

h1:first-child{}

找到第乙個h1給他設定屬性

偽類元素

css學習之 選擇器

css3在原來的原則器基礎上增加了很多態別的選擇器,下面總結一下css3提供的選擇器,當做乙個複習。一 基礎選擇器 1 通配選擇器,選擇html文件中的所有元素。2 idvalue id選擇器,選擇id為idvalue的元素。3 classvalue 類選擇器,選擇類為classvalue的元素 4...

CSS學習之選擇器

doctype html html head meta charset utf 8 title css之選擇器 title style body 後代選擇器選擇後面的全部 div strong 子元素選擇器。只顯示直屬的 div strong 交集選擇器。即是 關係,又是 關係 p.red 並集選擇...

JQuery選擇器之CSS選擇器

語法描述 選擇所有元素 選擇特定型別的元素 選擇具有特定class的元素 選擇具有特定class的某類元素 id 選擇具有特定id屬性值的元素 語法描述 attr 選取定義了attr屬性的元素,即使這個屬性值為空 attr val 選擇attr屬性值等於字串val的元素 attr val 選擇att...