如何移除CSS样式？如何清除嵌套div内.do元素的cursor属性

嘿，我来帮你理清这两个问题：

一、通用的CSS样式移除方法 #

移除CSS样式其实有几种常用思路，根据你的场景选就行：

• 重置为浏览器默认值：用initial关键字，它会把属性变回浏览器的初始默认样式。比如想取消某个元素的字体颜色，就写 color: initial;
• 继承父元素的样式：如果想让元素和父级样式保持一致，用inherit关键字就行，相当于“放弃”自己的独立设置，跟着父级走。
• 清除行内样式：如果是直接写在标签里的行内样式（比如<div style="xxx">），可以用JS的element.style.removeProperty('属性名')来删掉指定样式，或者直接清空整个style属性。
• 覆盖原有样式：如果是类选择器设置的样式，你可以用优先级更高的选择器（比如加上父级选择器）来覆盖，实在必要时也可以用!important（不过尽量少用，避免样式混乱）。

二、针对你的cursor属性问题 #

你的情况是父级div有自己的cursor设置，而.do元素被加了cursor: none，现在想让.do不再用这个none，而是回到父级的cursor样式对吧？

给你几个具体方案：

1. 直接继承父级样式：这是最贴合你需求的，给.do设置cursor: inherit;，这样它就会完全继承父级div的cursor属性，相当于“移除”了自己的none设置。

   .do {
     cursor: inherit;
   }
   

2. 重置为浏览器默认光标：如果你不想继承父级，而是想回到浏览器默认的光标样式（比如箭头），就用cursor: initial;

   .do {
     cursor: initial;
   }
   

3. 如果是行内样式的情况：要是.do的cursor:none是直接写在标签里的（比如<div class="do" style="cursor:none">Do it</div>），可以用JS来移除：

   document.querySelector('.do').style.removeProperty('cursor');
   

另外补充个小技巧：如果.do的cursor:none是来自某个CSS类，你也可以直接从HTML里删掉这个类（如果这个类没有其他需要的样式），或者直接修改对应的CSS规则，把cursor:none这一行删掉就行～

内容的提问来源于stack exchange，提问作者POV