1、元素选择器
最多见的css选择器当属元素选择器了,在HTML文档中该选择器一般为指某种HTML元素,例如:p,h2,span,a,div甚至html。文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
例如:文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
html {background-color: black;}文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
p {font-size: 30px; backgroud-color: gray;}文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
h2 {background-color: red;}文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
以上css代码会对整个文档添加黑色背景;将所有p元素字体大小设置为30像素同时添加灰色背景;对文档中所有h2元素添加红色背景。文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
通过上面的例子也能够看出css的基本规则结构:由选择器以及声明块组成。每一个声明块中包括一个或多个声明。每一个声明的格式为:属性名 : 属性值。如下图所示:文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
每一条声明以分号”;”结尾。文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
以上就是微观生活(93wg.com)关于“CSS中的五大选择器”的详细内容,希望对大家有所帮助!文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html 文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html
评论