如何重置或删除特定元素的 CSS 样式 |
您所在的位置:网站首页 › 删除某个元素的快捷键 › 如何重置或删除特定元素的 CSS 样式 |
如何重置或删除特定元素的 CSS 样式
主题:HTML / CSS 答案:使用 CSS all 属性您可以简单地使用带有 revert 值的 CSS all 属性来删除元素的其他作者定义的 CSS 样式(即重置为浏览器的默认 CSS 样式)。 所有主流的现代浏览器都支持 CSS all 属性,例如 Chrome、Firefox、Safari、Edge 等。让我们尝试以下示例来了解它的实际工作原理: 示例 重置或删除特定元素的 CSS 样式 /* Some custom styling */ body { color: red; font-size: 18px; } .container { padding: 20px; border: 1px solid black; } h1 { color: white; background: black; } p { font-style: italic; } /* 恢复目标元素及其子元素的 CSS 样式 */ .reset-style, .reset-style * { all: revert; } 这是一个标题这是一个简单的文本段落。 在上面的示例中,只有在作者定义的样式表中为容器及其子元素定义的样式规则(即自定义样式)将被忽略,但是它仍然可以从其父元素(例如 元素)继承诸如 color, font-size 等属性 在我们的例子中。 要恢复页面上所有元素的样式,只需将 .reset-style 类直接应用于 元素。 FAQ 相关问题解答以下是与此主题相关的更多常见问题解答: 如何使用 CSS 去除图像下方的空白 如何在 HTML 中创建没有任何项目符号的无序列表 如何仅使用 CSS 禁用链接 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |