元素之间的关系:
子元素:直接被父元素包含的子元素
父元素:直接包含子元素的元素
祖先元素:直接或间接包含后代元素的元素
后代元素:直接或间接被祖先元素包含的元素(子元素也是后代元素)
兄弟元素:拥有相同父元素的元素
1:后代元素选择器:选中指定元素的指定后代元素语法:祖先元素 后代元素{ }(中间用空格隔开)例如:div span{color: green;}2:子元素选择器:选中指定父元素的指定子元素语法:父元素 >子元素{}(中间用大于号分开)3:伪类选择器:专门用来表示元素的一种特殊的状态比如:访问过超链接、普通的超链接、获取焦点的文本框当我们需要为这些特殊状态的元素设置样式时就可以使用伪类常用:(给链接定义样式 此处以a为例)1、a:link 正常链接(语法: :link)2、a:visited 访问过的链接 (语法: :visited)限制:由于涉及到用户隐私问题,使用visited伪类只能设置字体的颜色3、a:hover 鼠标滑入的链接变化(。。。)4、a:active 正在点击的链接(。。。)(浏览器是通过历史记录来判断是否被访问过)5、 :focus 获取焦点6、 ::selection 为鼠标选中的内容设置样式(火狐浏览器编写方式:p::-moz-selection)7、 :before 指定元素前8、 :after 指定元素后