关于针对标签的类或id选择器的应用体会

程序员文章站 2022-04-27 22:31:07

...

关于针对标签的类或id选择器的应用体会

即形如 .xxx caption{ }，#father div{ }的选择器我将其称为针对标签的类或id选择器，关于其使用如下：
首先明确该种样式只针对特定标签使用，其使用两种常见错误：
a.< caption class=“xxx” > < div id=“father”>
b.直接使用< div>…</ div> < caption>…</ caption>
一般出现这种选择器之前都会定义有例如.datalist{ }或#father{ }, 那么只有在父元素用了.datalist{ }之后，此时才可以直接使用< div>（此时针对标签的选择器里的效果就会被呈现），下面实例演示：

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
#father{
	color:#33FF00;/*绿色，样式一*/
	font-size:10px;
	}
#father div{
	background-color:#FFFF66;
	font-size:36px;/*样式二*/
}
</style></head>
<body>
<div id="father">这里使用的样式一
<div>这是样式二，部分覆盖样式一</div>
</div>
</body>
</html>

这里样式二覆盖了样式一的font-size属性但又保留了样式一的color属性
。但若把代码中div标签换成p标签，其余不动，则没有效果？？？