为什么text-decoration: none; 不起作用

Question

我给body设置了上划线中划线和下划线，然后他的子元素全都继承了这些样式

不是说text-decoration: none; 可以取消继承来的字体样式吗

不论我给子元素，还是子元素的类选择器，应用这个规则，依然留下来这三种样式呢？

body{
    color: black;
    font-size: small;
    font-weight: bold;
    text-decoration: line-through underline overline;
    }

上面是body的样式，body里面一个段落

给p指定样式

p    {       text-decoration: none;

}

没作用，我给p设置一个类，用类选择器也没用，问题就是这样

Answer 1

贴下代码吧

Answer 2

注意元素的优先级，也就是权重。一般而言子元素的样式权重比父元素权重高，即父子元素设置都有相同的样式，会采用子元素的样式，而不是父元素。