css选择器

学习了css，就接触到了选择器，共分七类

1.标记选择器 如p，h1～h6等

2.类别选择器，如 .red{color:red;}

3.ID选择器，如#menu

4.选择器集体声明,如h1，h2，h3{font-size:15px;}

5.选择器的嵌套，如#menu .red p{ width:100px;}

6.子选择器，如ul>li{display:none;}

7.属性选择器，如a[title]{text-decoration:none;}

前三种很简单，倒是后四种值得去琢磨，尤其是选择器的嵌套，真可谓是一门艺术啊。选择器的嵌套在CSS的编写中可以大大减少对类别class、id的声明，因此在构建页面HTML框架时通常只给外层标记（父标记）定义类别或者id，内层标记（子标记）能通过嵌套表示的则利用嵌套的方式，而不需要再定义新的类别class或者专用id。只有子标记无法利用时，才单独进行声明。例如一个<ul>标记中包含多个<li>标记，而需要对其中某个<li>单独设置css样式时才赋给该<li>一个单独id或者类别，而其他<li>同样采用“ul li{……}”的嵌套方式来设置。而子选择器用来选择一个父元素直接的子元素，但不包括元素的子元素。属性选择器呢，则是针对标记的属性进行选择的，只有选择的标记且含有对应的属性的才会显示样式，但有些浏览器不支持啊，一定要记住啊。