如何去除子元素从父元素“继承”的下划线

VIP文章 theSunAndSnow

于 2020-06-26 18:19:16 发布

阅读量806

点赞数 2

分类专栏：前端学习笔记文章标签： css html 前端

本文链接：https://blog.csdn.net/qq_44960253/article/details/106972959

版权

如何去除子元素从父元素“继承”的下划线

问题描述

text-decoration 有着自己不同寻常的一面。

在 CSS 文档中，我们发现，text-decoration 属性不可被继承。

当时，在视觉上，我们惊讶地发现似乎可以继承！实例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p.quirk {
    
            text-decoration: underline;
            color: black;
        }
        strong {
    
            color: green;
        }
    </style>
</head>
<body>

最低0.47元/天解锁文章

优惠劵

theSunAndSnow

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
如何去除子元素从父元素“继承”的下划线

如何去除子元素从父元素“继承”的下划线问题描述text-decoration 有着自己不同寻常的一面。在 CSS 文档中，我们发现，text-decoration 属性不可被继承。当时，在视觉上，我们惊讶地发现似乎可以继承！实例代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid
复制链接

扫一扫