上篇介绍了css的引入方式,这篇总结一下css选择器。
css选择器的语法格式如下:
selector{ (选择器)
Property:value1;(键值对)
Property:value2;
}
标记选择器给全部元素标签指定样式,如给<p>和<div>标签指定样式,在css中的应用如下:
p{color: red;font-size: 25px}
div{background-color: gray;font-size: 30px}
类选择器'.'指定HTML文档中某一声明了class的元素标签的样式,即类选择器的使用方法是在HTML中的标签元素声明class,如下:
<div class="c_style"></div>
然后在css文档中的使用如下:
.c_style{background-color: gray;font-size: 30px}
id选择器'#'的使用与类选择器类似,只是此时该指定id,而不是class。同样在HTM中应用:
<div id="id_style"></div>
然后在css文档中的使用如下:
#id_style{background-color: gray;font-size: 30px}
组合选择器则是几种选择器组合起来产生效果,如在HTML中:
<div id="id_style" class="c_style"></div>
然后在css文档中的使用如下:
#id_style.c_style{background-color: gray;font-size: 30px}