web开发中CSS 派生选择器的讲解

li strong {

font-style: italic;

font-weight: normal;

}

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

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

<ol>

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

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

</ol>

strong {

color: red;

}

h2 {

color: red;

}

h2 strong {

color: blue;

}

<p>The strongly emphasized word in this paragraph is<strong>red</strong>.</p>

<h2>This subhead is also red.</h2>

<h2>The strongly emphasized word in this subhead is<strong>blue</strong>.</h2>

 

Web相关推荐

• 10个最常见的JavaScript问题

• 10个高级TypeScript开发技巧

• web前端的表单知识入门

• 如何在JavaScript中更好地使用条件判断

• Web前端开发入门学习教程

• 【前端小技巧】Web前端隐藏技能

• 零基础学习Web前端开发需要掌握的技术？

• 学习Web前端有什么好方法吗？(值得收藏)

• 2022年Web前端学习路线图

• Web教程：7个CSS核心概念

• Web前端教程：怎么创建JavaScript自定义事件

• Web前端和后端有什么区别？

• (function(){})()立即执行函数

• 34个不可错过的JavaScript代码优化技巧

相关栏目

• 培训课程
• 开班盛况
• 资深讲师
• 在线视频
• web教程
• 面试总结
• 职场宝典
• web问答

开班时间

• Java开发 4月26日 立即报名
• 云计算 4月26日 立即报名
• 网络安全 4月26日 立即报名
• Python 4月26日 立即报名
• 数据分析 4月26日 立即报名
• C++ 4月26日 立即报名
• 物联网 4月26日 立即报名
• Web前端 4月26日 立即报名
• 软件测试 4月26日 立即报名
• AI大模型 4月26日 立即报名
• 鸿蒙 4月26日 立即报名
• 智能办公 4月26日 立即报名
• 商业视效 4月26日 立即报名
• AGI商业变现 4月26日 立即报名
• UI设计 4月26日 立即报名
• 新媒体电商 4月26日 立即报名