CSS选择器(CSS终极指南阅读回顾)

CSS选择器语法

CSS样式表有选择器和生命块组成。声明块有属性名、属性值、中间有冒号分开,后面分号结尾。

选择器组操作

  可以把几个选择器组合到一块,来快速选取操作的元素。例如,h1,h2,h3,h4,h5,h6{color:red;}

  *通配符选择器,选择所有的元素。

标签选择器

类选择器

  由点号加名字组成。需要html标签添加class属性。

  类可以结合标签选择器使用:p.class1。

  两个类可以.class1.class2的方式使用,选择class="class1 class2"。

 

ID选择器

  #加名字。

  有限制,一个元素只能有一个ID。

  ID选择器的权重比类的大。

属性选择器

  Class,ID选择器是属性选择器的一种特例。

  [attribute]

  [attribute="value"]

  [attribute~="value"]

  [attribute^="value"]

  [attribute$="value"]

  [attribute*="value"]

  [attribute|="value"]

后代选择器

  h span

  h>span

  h+p

伪类

  元素的某种状态

  a链接的状态 link,visitied

  所有元素的动态伪类:active,focus,hover

  静态伪类:first-children

伪元素

  产生了虚拟元素

  :first-letter

  :first-line

  :after,:before

posted @ 2016-05-24 09:00  郭逊  阅读(195)  评论(0编辑  收藏  举报