CSS学习笔记_CSS选择器

1>派生选择器

派生选择器可用于指定某个位置的某种元素的格式，比如你希望<h2>中的<em>元素成为红色，就可在<style>中写入h2 em {color : red;}，然后再h2中希望成为em样式的字符用<em>和</em>包起来，即可。

2>id选择器

id选择器是一种根据id来选取并规定固定格式的选择器，比如你希望所有id = “red” 的元素都成为红色，就可在<style>中写入#red{color : red;}，注意前面的#号。这样你只需在任意位置规定id = “red”就可以将其变为红色。

3>类选择器

原理等同id选择器，只是要注意此处为class（例：class = “red”），在<style>中要写为.red{}，注意前面的点号。

4>属性选择器

此选择器只有在声明<!DOCTYPE>时才生效，格式为<style>[title]{格式}</style>；也可使用[title = "字符"]{格式}，这样的话只是将title中的“字符”两个字变成相应的格式；还可使用[title~="字符"]{格式}，这样在title中只要包含“字符”两字就行，比如可以将“字符串”变成相应的格式。

5>子元素选择器

格式为h1 > em{;}，这样就可将h1中em包围的部分置为相应的格式。

6>相邻兄弟选择器

格式为h1 + h2{;}，这样可以把紧邻h1的h2置为相应的格式。