介绍了这么多选择符,其实选择符的使用最大的优势不是单枪匹马奋斗,而应该是针对不同的页面结构组合成各种方阵。其主要方式体现在针对性使用类选择符或者
ID选择符、选择符群组及选择符组合这3种方式。
一、针对性使用类选择符或者 ID选择符主要作用于类选择符或者 ID选择符,尤其是类选择符在一个页面中可能 会在多处不同的标签中定义 同名的类,那么就需要针对性地使用类选择符。
例如,页面中所有标签元素的类名都为.test,需要将段落元素P的样式定义为红色字体,大小18px且带下划线样式。
<style type="text/css">
.test
{
font-size:12px;
}
p.test
{
font-size:18px;
color:red;
text-decoration:underline;
}
</style>
<p class="test">p标签内文字,类名为test</p>
<div class="test">div里面的文字,类也为test</div>
<p>p标签,没有类</p>
.test
{
font-size:12px;
}
p.test
{
font-size:18px;
color:red;
text-decoration:underline;
}
</style>
<p class="test">p标签内文字,类名为test</p>
<div class="test">div里面的文字,类也为test</div>
<p>p标签,没有类</p>