为什么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

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