javascript - <ul> 和 <li> 标签的默认边距和填充

标签 javascript jquery html css

第 3 方插件/小部件将此 CSS 注入(inject)到我的 html 页面中。

* { 
    margin: 0px; padding: 0px;
}
html {
    margin: 0px; padding: 0px;
}
body {
    margin: 0px; padding: 0px;
}

有什么方法可以覆盖该 CSS 并消除它造成的所有损害吗?

我必须在我的页面上放置该小部件。我不能直接删除它。

编辑: 根据其中一条评论,这个 CSS 很好,因为它规范了渲染,但它破坏了我的

  • 标签。特别是 '*' 标记规则打破了它。

    这是没有“*”规则的列表的外观。

    enter image description here

    这就是它的样子。

    enter image description here

  • 最佳答案

    详细说明@j08691的答案,特别是第2点,您可以使用以下内容来覆盖列表小部件的CSS:

    html ul{
      margin: 1em 0;
      padding: 0 0 0 40px;
    }
    

    使用的值来自 Nicholas Gallagher (@necolas) 的“normalize.css”

    关于javascript - <ul> 和 <li> 标签的默认边距和填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15620395/

    相关文章:

    javascript - 单引号 (') 后的原子红色突出显示

    javascript - React : Paginated table vs Scrollable table for column sort 中的速度比较

    javascript - 更改数组中所有元素的属性值,但只需要一个

    html - 将 ul 与 div 内的 float 居中

    javascript - 无法在三个 js 中旋转或平移我的全景图

    javascript - Jquery 附加 MVC PartialView 脚本

    Jquery hasClass 方法不起作用

    javascript - 为什么滚动到部分不起作用?为什么滚动到部分向上滚动?

    html - 为什么我的元素在悬停时不改变样式?

    javascript - 中心元素 css 3d 变换