CSS选择器

上篇介绍了css的引入方式,这篇总结一下css选择器。
css选择器的语法格式如下:

selector{           (选择器)
Property:value1;(键值对)
Property:value2;
}

CSS选择器分类

标记选择器给全部元素标签指定样式,如给

标签指定样式,在css中的应用如下:

p{color: red;font-size: 25px}
div{background-color: gray;font-size: 30px}

类选择器'.'指定HTML文档中某一声明了class的元素标签的样式,即类选择器的使用方法是在HTML中的标签元素声明class,如下:

然后在css文档中的使用如下:

.c_style{background-color: gray;font-size: 30px}

id选择器'#'的使用与类选择器类似,只是此时该指定id,而不是class。同样在HTM中应用:

然后在css文档中的使用如下:

#id_style{background-color: gray;font-size: 30px}

组合选择器则是几种选择器组合起来产生效果,如在HTML中:

然后在css文档中的使用如下:

#id_style.c_style{background-color: gray;font-size: 30px}

你可能感兴趣的:(CSS选择器)