CSS笔记02-派生选择器

最新推荐文章于 2021-09-16 08:30:03 发布

梦忆安凉

最新推荐文章于 2021-09-16 08:30:03 发布

阅读量127

点赞数

分类专栏： CSS 文章标签： CSS

本文链接：https://blog.csdn.net/a54288447/article/details/100269533

版权

15 篇文章 0 订阅

订阅专栏

派生选择器：

根据元素位置的上下文关系来定义样式

比如，希望列表中的strong元素变为斜体字，而不是通常的粗体字。

HMTL代码，只写body部分

<body>
<p><strong>段落中的粗体字</strong></p>
<ol>
    <li><strong>列表中的粗体字</strong></li>
    <li>正常的字体</li>
</ol>

</body>

CSS代码

li strong {
    font-style:italic;
}

只有li元素中的strong元素的样式变为斜体字，不需要为了strong元素定义特别的id和class，代码更简洁。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注