这篇文章主要介绍“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>的蓝色代码的上下文关系是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!