html 选择器之基础选择器

我把CSS选择器分开成三部分,第一部分是我们常用的部分,我把他叫做基本选择器;第二部分我把他称作是属性选择器,第三部分我把他称作伪类选择器

一、基础选择器

  1. 通配符(*):选中所有的元素

  2.元素选择器(E):一个元素作为一个选择器,div,ul,dd,span等等

  3、类选择器(class):定义class

  4、id选择器(id):定义id

  5、后代选择器(E F):像ul li 就是定义ul中的所有li元素(后代元素就是ul下不管多少层下的li都受影响)

  6、子元素(E>F):像ul>span 定义ul下的所有span子元素(字元素就是只有<ul><span></span></ul>这样的span元素才受影响,如果是<ul><li><span></span></li></ul>则不受影响)

  7、相邻元素选择器(E+F):可以选择E后面的F元素比如 li+li就是与li(E)相邻的li(F)被选中了;在比如.about+.aboutus就是.about(E)后面的.aboutus(F)被选中了

  8、通用兄弟选择器(E~F):E和F在同一个父类下面,F在E后面,这将选中E后面所有的F元素

  9、群组选择器(.a,.b,.c):好多类一起写

 

 

 

posted @ 2014-05-11 22:37  人生不过百余年  阅读(311)  评论(0编辑  收藏  举报