CSS * {margin: 0;padding: 0;} 覆盖

2024-03-28

大家好,我需要一些帮助来弄清楚如何覆盖我的 css 中的“* {margin: 0;padding: 0;}”。

原因是我有这个CSS:

 .postcomments { width: 547px; padding: 5px 5px 5px 5px; margin: 0 0 5px 0;} 
 .postcomments a { text-decoration: underline;}
 .postcomments ul { margin: 0; padding: 0; list-style-type: none;}
 .postcomments ul li { width: 547px; margin: 0 0 5px 0; padding: 0; list-style-type: none;}
 .postcomments .right { color: #474747; font-size: 11px; background: #fff url('http://www.nextbowluser.com/img/ucBG.gif') no-repeat top left; line-height: 17px; padding: 5px 0 0 0; width: 430px; position: relative; float: right; min-height: 50px;}
 .postcomments .right .bottom { padding: 0 5px 15px 5px; background: #fff url('http://www.nextbowluser.com/img/ucBG.gif') no-repeat bottom right; min-height: 50px;}
 .postcomments .arrow { left: -15px; top: 20px; position: absolute;}
 .avatar { border: none !important;}

 .postcomments .left {float: left; margin: 0 7px 0 0;}
 .postcomments .gravatar { background: #fff; width: 80px; height: 60px; margin: 0 0px 0 0; padding: 3px;}
 .postcomments .name { font-size: 11px; margin: 2px 0 0 0; color: #000;}
 .avatar { border: none !important;}

没有 * {margin: 0;padding: 0;} 时它显示得很好:

 1st comment
 2nd comment
 3rd comment

但是,当我将其添加到 CSS 时,它会使注释堆栈错误:

 1st comment
    2nd comment
        3rd comment

我只需取出 * {margin: 0;padding: 0;} 但页面上的其他一些内容需要它才能正确显示。所以我的问题是,如何覆盖页面的评论部分的 {margin: 0;padding: 0;} ?

谢谢! :o)

David

更新:出色地。仍然无法正确获取。去掉整个网站的边距:0px - 它使网站看起来很糟糕。如果我必须向页面的每个元素添加 margin: 0px 以使其看起来像带有 * 的那样,那就不好了。我仍然只需要一些东西来绕过 .postcomments 部分,仅此而已。


你尝试过 !important 吗?

.postcomments {
   margin: 15px  !important;
   padding: 15px !important;
}

我使用的是 15px,但你可以使用任何适合你的值

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS * {margin: 0;padding: 0;} 覆盖 的相关文章

  • 0 因为饱和度和亮度不起作用,但 0% 在 hsl/hsla 中起作用?

    我正在尝试一个简单的演示 其中我为元素赋予了颜色hsl 根据我的经验 我知道0CSS 中的 ZERO 是无单位的 如果要指定 0 作为值 可以保留单位 然而 情况似乎并非如此hsl hsla 在 Chrome 和 Firefox 上 结果都
  • 应用于整个 HTML 的 BODY 标签的背景颜色[重复]

    这个问题在这里已经有答案了 我对 html 中 body 标签的大小感到困惑 我有一个艰难的代码如下 body padding 0px height 100px background color e5e5e5 为什么背景覆盖整个页面 我认为
  • 使用 jQuery / JavaScript 将 Alpha 通道添加到背景颜色

    我有一个 jQuery 函数 它添加了一个Alpha通道到一个背景颜色当事件发生时 这是我的jsFiddle http jsfiddle net liormb SxQt8 1 CSS div background color rgb 100
  • 滚动效果:先慢后快

    我正在尝试创建滚动效果 当onclick事件被触发 我想要那个div1滚动到dev2 一开始应该慢 然后快 这是一个使用此效果的网站 http community saucony com kinvara3 http community sa
  • 对(静态)CSS 文件所做的更改未反映在 Django 开发服务器中

    我正在使用 Django 制作一个 Web 应用程序 但在将 CSS 文件 存储在我的应用程序的静态目录中 中所做的更改反映到开发服务器上时遇到了一些问题 需要明确的是 服务器能够访问静态文件 但是 它目前停留在我的 CSS 文件的旧版本上
  • HTML 嵌入对象具有灰色背景。可以透明吗?

    我使用带有开源插件的 Firefox 来播放视频 视频被 尽可能好地 缩放以适应嵌入对象的宽度和高度中定义的可用空间 但有时右侧和 或底部会有一点灰色边框 看来这不是我的父 div 的背景颜色 因为更改它根本没有效果 这是 HTML div
  • CSS - 为什么我无法设置 元素的高度和宽度?

    我正在尝试使用以下 html 标记创建 css 按钮 a href access php class css button red Forgot password a 但它最终不会比中间的文本大 即使我已经设置了班级的高度和宽度 顺便说一句
  • 无法在 .tsx 文件中导入 CSS 模块

    我正在使用 typescript 构建基本的 React 应用程序 但无法导入 CSS 文件索引 tsx file 我能够导入索引 css文件如下 import index css this import gives typescript
  • 如何在我的 html 中使用 Flaticon 中的图标?

    我想给我的网站一些图标 现在我看到很多人使用Flaticon这个网站 我所做的就是在 CSS 中添加这样的内容 Font 1 font face font family Flaticon1 src url flaticon1 eot src
  • iPad Safari 100% 高度问题

    我的页面上有一个模态 div 它使背景变灰 如果我将overlay div的高度设置为100 它在IE 桌面 上工作正常 但在iPad Safari上 完整的高度不会变灰 究竟是什么问题 这与固定位置 视口有关吗 请帮忙 下面是相同的 CS
  • 使用无图像按钮有哪些优点?

    讨论关于这个答案 https stackoverflow com questions 520640 how can i use googles new imageless button how could i reverse enginee
  • 混合混合模式:乘法在 Chrome 中不起作用

    我正在尝试使用mix blend mode multiply在 Chrome 上 但它无法按预期工作 当我添加时magenta cyan and yellow在一起它不会给我黑色但brown https i stack imgur com
  • 如何在 HTML 表格上使用分页?

    我正在尝试使用这个分页library http flaviusmatis github io simplePagination js 在我的 HTML 表格页面 特别是浅色主题 中 但不知何故 我无法理解如何在我的 HTML 页面中以这种方
  • 加载背景图像的图像不显示

    我真的很困惑 我正在尝试创建一个带有图标和一些按钮的登陆页面 但我无法设法使我正在使用的背景图像显示出来 即使它是根据 Chrome 的开发工具包加载的 我只有这些行 索引 html div class row div class tryh
  • 如何在不设置动画的情况下突然更改 CSS 动画中的属性

    这是我试图弄清楚的 但没有使用 51 关键帧作为实现更改的黑客方法transform origin 这里有一个小提琴演示 http jsfiddle net p7pswnpq keyframes spin 0 transform origi
  • CSS:理解和调整字体的行距/行高

    有人问了一个非常相似的问题here https stackoverflow com questions 13701110 css remove line height leading on larger text但确实回答得足够了 CSS
  • 响应式2列2行布局

    我一直在试图弄清楚如何创建这个布局 我有一个 2 列布局 左列有 1 行 右侧有 2 行 我试图让它流畅地调整 我遇到的问题是 我希望右侧顶部图像的顶部与左侧图像的顶部对齐 而底部图像的底部与左侧图像的底部保持对齐 我应该使用桌子吗 这是我
  • iframe 主体删除空间

    我的 iframe 风格为style width 100 几乎覆盖了页面宽度 但它在左侧和右侧留下了一个小边距 所以我添加了body margin 0px 删除空间 它有效 但问题是删除边距影响其他事物 例如段落 p inside 有没有办
  • 优化 CSS 交付 - Google 的建议

    谷歌建议在 head 中使用非常重要的 CSS 内联 并在内部使用其他 CSS
  • 我如何用 javascript/jquery 进行两指拖动?

    我正在尝试创建当有两个手指放在 div 上时拖动 div 的功能 我已将 div 绑定到 touchstart 和 touchmove 事件 我只是不确定如何编写这些函数 就像是if event originalEvent targetTo

随机推荐

  • 如何使用 JSONata 将嵌套对象展平为单深度对象?

    我是 JSONata 新手 在创建展平函数时遇到一些麻烦 我想把这个输入 user key value map CreatedDate 123424 Department Name XYZ 进入这个 user key value map C
  • 在 OpenCV 中使用 FindExtrinsicCameraParams2

    我在对象坐标和相应的图像点 在图像平面上 中有 4 个共面点 我想计算物平面相对于相机的相对平移和旋转 FindExtrinsicCameraParams2 应该是解决方案 但我在使用它时遇到了麻烦 编译时不断出现错误 有人在OpenCV中
  • 显示 WordPress 中最新的搜索词

    有没有办法显示我网站上最近完成的搜索词 我想显示访问者最近执行的 3 5 个搜索词 以便鼓励其他用户也搜索某些内容 Edit 在这种情况下 如果有人搜索新内容 刷新页面可能会显示一组新的搜索词 我确信至少有一些插件可以帮助您解决此问题 我会
  • ngx-bootstrap 日期选择器不起作用

    我正在学习 Angular2 和 Bootstrap4 我的公司使用以下网站 http valor software com ngx bootstrap datepicker http valor software com ngx boot
  • Blazor - Web 程序集加载时间

    我开发了 Blazor Server 服务器应用程序 客户显然不喜欢 无法重新连接到服务器 重新加载页面以恢复功能 的消息 这就是我尝试探索迁移到 Web Assembly 的原因 我正在努力 如何加快 Web 程序集加载时间 因为主页无法
  • C++ 预处理器输出中的 是什么?

    Summary C 预处理器输出包括一些行
  • 将固定宽度文本文件导入sqlite

    将固定宽度文本文件导入到 sqlite 表中 最好不使用外围软件 的好方法是什么 例如 指定每个字段的宽度 Field 1 10 characters starting with the second character Field 2 5
  • 如何在C#中调用需要证书的Web服务?

    我需要与具有以下权限的第三方进行通信 asmx网络服务 此 Web 服务使用 https 我有所需的证书 pfx 第一次尝试使用添加此服务时Add Service Reference在 Visual Studio 中 我收到错误 我通过将证
  • 禁用标准。 Python 沙箱实现中的文件 I/O 和文件 I/O

    我正在尝试设置 Python 沙箱并希望禁止访问标准和文件 I O 我正在运行的 Python 服务器内运行沙箱 我已经看过类似的模块RestrictedPython and PyPy 但是 我希望能够在正在运行的 Python 服务器内部
  • 当对象属性不存在时引发错误

    别名标题 对象属性的严格模式 我正在开发一个错误管理器 我希望它非常严格 假设您正在调用一个不存在的属性 这通常被解释为未定义 相反 它应该抛出一个错误 例如 var obj obj PI throw Error instead of un
  • Brew doctor:dyld:库未加载&错误:zlib 没有可用的公式

    When I brew doctor我收到以下错误 dyld Library not loaded usr lib libltdl 7 dylib Referenced from usr local bin php Reason image
  • 为什么我有 PUSH ecx?

    有人可以告诉我这两个的目的是什么吗push ecx下面的说明 我不明白他们到底要做什么 我意识到push epb正在保存堆栈基指针 然后mov epb esp正在将堆栈指针分配给前一个堆栈基指针 int main 01301190 push
  • UNIX 中 Java“包不存在”错误

    我的项目目录结构是这样的 ProjectName coursesRegistration src coursesRegistration util当我做 import coursesRegistration util FileProcess
  • 构建 GDAL 时出错:应定义 PROJ_INCLUDE。 PROJ >= 6 是必需的依赖项

    我正在尝试让 GDAL 3 0 1 正常工作 生成 Visual Studio 2017 项目是小菜一碟 我所需要的只是运行generate vcxproj bat 但现在我在这一行遇到错误makefile vc IF DEFINED PR
  • 设置 Gtk3 MenuItem 的悬停背景颜色

    我有一个带有弹出菜单的托盘图标 我正在尝试设置此弹出窗口中菜单项的背景颜色 我可以设置文本颜色 但不能设置菜单项的背景颜色 显示的背景是默认的 Ubuntu 橙色 我无法覆盖它 我创建了一个示例应用程序来演示这个问题 只需将其复制粘贴到 p
  • 我可以在 Visual Studio 2005 中使用 C# 创建透明按钮吗

    我有一个用户界面 需要在 C 项目中放置一些圆形按钮 并在其后面放置一些数据 这些按钮是 System Windows Forms buttons 我使用具有透明度的 GIF 图像来创建它们 然而 透明区域并不透明 我在网上查找了参考资料
  • 如何在单击按钮时从 JavaFX WebView 调用 JavaScript 函数?

    我正在尝试从 JavaFX 调用 JavaScript 函数WebView http docs oracle com javafx 2 api javafx scene web WebView html在 JavaFX 按钮单击事件上 我正
  • 哪个 .NET 类将多个 HTTP cookies 字符串解析为 CookieCollection 或 CookieContainer?

    我确信它已经存在于某个地方 只是找不到它 我想这听起来像是你想要的CookieContainer SetCookies method http msdn microsoft com en us library system net cook
  • 具有数字名称的枚举

    以下内容在 Python 中不起作用 class MemorySize int Enum 1024 1024 2048 2048 那么 在不必用文字输入整个数字并确保输入安全的情况下 最接近的方法是什么 From docs https do
  • CSS * {margin: 0;padding: 0;} 覆盖

    大家好 我需要一些帮助来弄清楚如何覆盖我的 css 中的 margin 0 padding 0 原因是我有这个CSS postcomments width 547px padding 5px 5px 5px 5px margin 0 0 5