HTML标记为<strong>的蓝色代码的上下文关系是什么

这篇文章主要介绍“HTML标记为<strong>的蓝色代码的上下文关系是什么”，在日常操作中，相信很多人在HTML标记为<strong>的蓝色代码的上下文关系是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”HTML标记为<strong>的蓝色代码的上下文关系是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

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

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

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

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

再看看下面的 CSS 规则：

strong {
     color: red;
     }

h3 {
     color: red;
     }

h3 strong {
     color: blue;
     }

下面是它施加影响的 HTML：

<p>The strongly emphasized word in this paragraph is<strong>red</strong>.</p>
<h3>This subhead is also red.</h3>
<h3>The strongly emphasized word in this subhead is<strong>blue</strong>.</h3>

到此，关于“HTML标记为<strong>的蓝色代码的上下文关系是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！