6.18日音讯,CSS派生选择器用法详解

　　在html页面中，用class="类别名"的方法调用：<divclass="box">这里是内容</div>类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除还有，id选择器在CSS中用“#”号开头表示如：#box{width:960px;margin:0auto;padding:0px;overflow:hidden}在html页面中，用id="类别名"的方法调用：<divid="box">这里是内容</div>id选择器和类别选择器其实是一样的通常id选择器仅是用来表示不重复的样式相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段

　　在CSS1中，通过这种方式来应用规则的选择器被称为上下文选择器(contextualselectors)，这是由于他们依赖于上下文关系来应用或者避免某项规则。在CSS2中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。

　　派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使HTML代码变得更加整洁。

　　比方说，你希望列表中的strong元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：

　　listrong{

　　 font-style:italic;

　　 font-weight:normal;

　　}

　　请注意标记为<strong>的蓝色代码的上下文关系：

　　<p><strong>我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用</strong></p>

　　<ol>

　　 <li><strong>我是斜体字。这是因为strong元素位于li元素内。</strong></li>

　　 <li>我是正常的字体。</li>

　　</ol>

　　在上面的例子中，只有li元素中的strong元素的样式为斜体字，无需为strong元素定义特别的class或id，代码更加简洁。

　　再看看下面的CSS规则：

　　strong{

　　 color:red;

　　}

　　h2{

　　 color:red;

　　}

　　h2strong{

　　 color:blue;

　　}

　　下面是它施加影响的HTML：

　　<p>网站建设<strong>制作</strong>.</p>

　　<h2>网页制作</h2>

　　<h2>网站的颜色是<strong>blue</strong>.</h2>

　　而我们最常用的是元素选择器、类选择器、ID选择器、后代选择器、群组选择器，同时大家可以在实际应用中把这些选择器结合起来使用，达到目的就行了。那么关于CSS3选择器的第一部分——基本选择器就介绍到这里，有点简单，希望对接触CSS的前端开发者有所帮助。