053288628280
您的当前位置:首页 > 技术支持 > 建站知识 >

css选择器声明的方法介绍

时间:2017-08-15

1.集体声明:

看看如

以下为引用的内容:
h1, h2, h3, h4, h5, p{   /* 集体声明 */
 color:purple;    /* 文字颜色 */
 font-size:15px;    /* 字体大小 */
}

 

上面就是集体声明。如果h1,h2,h3,h4,h5,的样式一样的话,我们就可以一起集体声明。

2.嵌套式声明:就是一个标记里嵌套另一个标记。如

 

以下为引用的内容:
<html>
<head>
<title>CSS选择器的嵌套声明</title>
<style type="text/css">
<!--
p b{       /* 嵌套声明 */
 color:maroon;    /* 颜色 */
 text-decoration:underline; /* 下划线 */
}
-->
</style>
   </head>

<body>
 <p>嵌套使<b>用CSS</b>标记的方法</p>
 嵌套之外的<b>标记</b>不生效
</body>
</html>

 

就是p标记里面包含b标记。那声明b标记样式就是嵌套声明。

3。css继承。在嵌套声明中存在css的继承问题。就是父亲标签中定义css,在子标签中页定义css。那遵循子没有的样式,就继承父亲的样式,子标签有的,将覆盖父亲标签的样式。如:

 

以下为引用的内容:

<style>
<!--
h1{
 color:red;     /* 颜色 */
 text-decoration:underline; /* 下划线 */
}
h1 em{       /* 嵌套选择器 */
 color:#004400;    /* 颜色 */
 font-size:40px;    /* 字体大小 */
}
-->
</style>

 

em标签是h1标记的子标记。他要继承父亲的样式,也要覆盖和父亲相同的样式

相关文章

Copyright © 2009-2017 千龙网络 版权所有  鲁ICP备09004053号 TAG SITEMAP