web前端学习——基础知识6

---

选择器

---

---

1.元素选择器

---

用标签名来作为选择器，选中所有相应的元素

---

2.类选择器

---

根据class的属性来选择元素，样式定义为： .className{}

---

3.ID选择器

---

根据id名来选择元素，样式定义为：#idName{}

---

4.属性选择器

---

例：[title*=’d’]:选择title值中包含d的元素

---

5.关系选择器

---

E  F ：选择E元素的后代元素F（所有后代，包括子类、孙类）
E > F : 选择E元素的直接后代元素（也就是子类）
E + F：选择E元素的第一个弟弟元素F
E ~ F: 选择E元素的所有弟元素F

---

6.并选择器

---

将相同的样式放在一起，类名直接用逗号分开

7. 通配符选择器

通配符选择器可以选中页面所有的标签 写法：*{}