码迷,mamicode.com
首页 > Web开发 > 详细

CSS选择器

时间:2015-06-13 12:42:41      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

1、元素选择器

  html文档的元素就是选择器

2、类选择器

  类选择器允许以一种独立于文档元素的方式来指定样式

    语法为:.className{}

  所有能够附带class属性的元素都可以使用此样式声明

    将元素的class属性的值设置为样式类名

  可以将类选择器和元素选择器结合起来使用,以实现对某种元素中的不同样式的细分控制

  语法为:元素选择器.className{}

    先声明一个元素选择器

    然后使用一个点号(.)代表将使用类选择器

    然后声明一个类的名称

    最后使用一对大括号声明样式规则

  将样式规则与附带class属性的某种元素匹配

    元素的class属性的值为分类选择器中指定样式类名

3、id选择器

  id选择器以一种独立于文档元素的方式来指定样式

  它仅作用于id属性的值

  语法为:

    选择器前面需要一个#号

    选择器本身则为文档中某个元素的id属性的值

4、选择器分组

  选择器声明为以逗号隔开的选择器列表

    将一些相同的规则作用于多个元素

5、派生选择器

  通过依据元素在其位置的上下文关系来定义样式

    选择器一端包括两个或多个用空格分隔的选择器

6、伪类选择器

  伪类用于向某些选择器添加特殊的效果

  使用冒号(:)作为结合符,结合符左边是其他选择器,右边是伪类

  常用伪类:

    :link

    :active

    :visited

    :hover

    :focus

CSS选择器

标签:

原文地址:http://www.cnblogs.com/Crow00/p/4573192.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!