各类选择器的使用

1.交集选择器:格式:div.   {}。选择两个选择器共同的内容。用于指定某一元素下定义了的子元素，可将定义了的元素以独特的方式显示出来。元素较少时使用该选择器比较方便，但在元素较多时使用该选择器就会比较麻烦。

2.并集选择器：格式：div,. {}并集选择器是选择所有指定的选择器内容。 并集选择器可以指定多个的，他们之间使用英文逗号分隔。并集选择器是选择定义了元素中的所有元素，再将它们独特显示出来。不管元素多少，都可以用并集选择器，也不会麻烦。

3.相邻兄弟选择器：格式：div+ {}，需求选择div相邻的p标签,只会选择他之后并且紧挨着的。不能选中标签后面的全部属性，局限性较大，但在一堆元素中单独显现一两个属性有很好的效果。

4.通用的兄弟选择器:格式:div~{}，需求选择div所以的兄弟标签 p 仍然只会选择其后的所有指定的兄弟标签。可以选中定义后的所有元素，在元素较少时使用有良好的效果，如果元素较多则会显示出更多的元素，效果不理想。

5.伪类选择器之before and after:用于定义边框的边缘线的颜色，粗细等。可以使用绝对定义来使用，前面需用before后面需要用after来定义，可以美化边框，使其效果更好。

6.伪类选择器之first:first-child伪类选择器来获取第一个元素，使用last-child伪类选择器来获取最好一个元素，也可以使用nth-child()伪类选择器来指定n对应位置的元素。可以使一些元素独特显示出来。

7.伪类选择器之hover:这种选择器都是以:开头的选择器。 :hover表示鼠标移到元素上时会自动触发的效果 伪类选择器需要配合其他选择器一起使用。用于美化边框。

8.定位:可以通过style来定义边框的位置，让界面更加美观，可以通过自己的审美来设计边框的位置以及颜色，让界面的效果更好。