选择器 | CSS3

选择器

---

选择器进行样式指定，类正则表达式E[foo$="val"]

举例

指定页面id为"div_Big"的元素背景定义为红色

div[id="div_Big"]{background:red;}

css3属性选择器

---

• [att*=val]包含即渲染
• [att^=val]头包含
• [att$=val]尾包含

section1
subsection1-1
subsection1-2
section2
subsection2-1
subsection2-2

[att*=val]类型

[id*=section1]{
  background-color:yellow;
}

section1,section1-1,section1-2都会变成黄色。

[att^=val]

[id^=section]{
  background-color:yellow;
}

[att$=val]

灵活应用属性选择器

---

依靠class或者id

结构性伪类选择器

---

伪类选择器和类选择器的区别:

• 类选择器可以随意取名
• 伪类选择器css已经定义好了，不能随意取名

css主要四类伪元素选择器

---

1. first-line
2. first-letter
3. before
4. after

选择器root，not，empty和target

---

1. root选择器

root样式渲染根元素，即文档树中最顶层的部分，html中指部分

2. not选择器

渲染某结构时排除子结构元素

3. empty选择器

指定元素内容为空白时候的样式

4. target选择器

点击跳转到target元素起作用

选择器first-child,last-child,nth-child,nth-last-child

---