6.18日音讯,CSS派生选择器用法详解
日期：2013-06-18发布：首创网络浏览：430次
6.18日音讯,CSS派生选择器用法详解。是通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。派生选择器可以使一个元素里的子元素定义样式例如：lia{font-size:14px}就是给li下的子元素a定义一个14px号像素的字体···
本文关键字：6.18日,音讯,CSS,派生,选择器,用法,详解,6.18日,
6.18日音讯,CSS派生选择器用法详解。是通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。派生选择器可以使一个元素里的子元素定义样式例如：lia{font-size:14px}就是给li下的子元素a定义一个14px号像素的字体样式类别选择器在html中引入css样式通常由，类别选择器在CSS中用一个“.”点开头表示如：.box{width:960px;margin:0auto;padding:0px;overflow:hidden}
在html页面中，用class="类别名"的方法调用：
在CSS1中，通过这种方式来应用规则的选择器被称为上下文选择器(contextualselectors)，这是由于他们依赖于上下文关系来应用或者避免某项规则。在CSS2中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。
派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使HTML代码变得更加整洁。
比方说，你希望列表中的strong元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：
listrong{
font-style:italic;
font-weight:normal;
}
请注意标记为的蓝色代码的上下文关系：
我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用
- 我是斜体字。这是因为strong元素位于li元素内。
- 我是正常的字体。
在上面的例子中，只有li元素中的strong元素的样式为斜体字，无需为strong元素定义特别的class或id，代码更加简洁。
再看看下面的CSS规则：
strong{
color:red;
}
h2{
color:red;
}
h2strong{
color:blue;
}
下面是它施加影响的HTML：
网站建设制作.
网页制作
网站的颜色是blue.
而我们最常用的是元素选择器、类选择器、ID选择器、后代选择器、群组选择器，同时大家可以在实际应用中把这些选择器结合起来使用，达到目的就行了。那么关于CSS3选择器的第一部分——基本选择器就介绍到这里，有点简单，希望对接触CSS的前端开发者有所帮助。
- 欢迎大家阅读浏览，部分内容来源于网络，如有侵权，请联系我们删除！
服务项目
热门信息
- 邯郸网络公司：模板建站的好处有哪些？
- 3632024-04-25
- 4.20日音讯，邯郸网络公司：企业官网有必要做吗？
- 2122024-04-20
- 4.20日音讯，邯郸网络公司：为什么模板建站如此便宜？
- 2852024-04-20
- 4.9日讯，企业网站建设如何发挥网络营销功能？
- 4082024-04-09
- 4.9日音讯，企业网站维护的日常工作
- 2902024-04-09
- 4.5日讯，建设一个外贸网站多少钱？
- 4852024-04-05
- 邯郸网络公司：网站建设开发有哪些细节需要注意？
- 5392024-03-07
- 邯郸网络公司：外贸网站制作的8个步骤
- 3762024-03-05
- 企业网站如何制作才能取得更好的效果
- 5652024-02-29
- 简单3步，轻松做企业官网
- 6812024-02-18
