首页前端开发CSSCSS 派生选择器通过什么来定义

CSS 派生选择器通过什么来定义

时间2024-05-21 12:50:03发布访客分类CSS浏览22
导读: CSS派生选择器 通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。(推荐学习:CSS视频教程) 在CSS1中,通过这种方式来应用规则的选择器被称为上下文选择器(contextualselectors ,这是...
  CSS派生选择器   通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。(推荐学习:CSS视频教程)   在CSS1中,通过这种方式来应用规则的选择器被称为上下文选择器(contextualselectors),这是由于它们依赖于上下文关系来应用或者避免某项规则。在CSS2中,它们称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的。   派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使HTML代码变得更加整洁。   比方说,你希望列表中的strong元素变为斜体字,而不是通常的粗体字,可以这样定义一个派生选择器:   listrong{   font-style:italic;   font-weight:normal;   }   请注意标记为的蓝色代码的上下文关系:   

我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用

  
  1. 我是斜体字。这是因为strong元素位于li元素内。
  2. 我是正常的字体。
  3.   
  在上面的例子中,只有li元素中的strong元素的样式为斜体字,无需为strong元素定义特别的class或id,代码更加简洁。   再看看下面的CSS规则:   strong{   color:red;   }   h2{   color:red;   }   h2strong{   color:blue;   }   下面是它施加影响的HTML:   

Thestronglyemphasizedwordinthisparagraphisred.

  

Thissubheadisalsored.

  

Thestronglyemphasizedwordinthissubheadisblue.









本文转载自中文网



声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS 派生选择器通过什么来定义
本文地址: https://pptw.com/jishu/664878.html
Caffe框架如何进行模型微调 Caffe框架中常用的激活函数有哪些

游客 回复需填写必要信息