如何覆盖外部的CSS? [英] How to override external css?

查看:73
本文介绍了如何覆盖外部的CSS?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个外部css文件,将35px填充应用于我的内容div。我所有的html页面都是在div里面加载的,但是其中一个我想用0填充权。

I have an external css file which applies 35px padding to my content div. All my html pages are loaded inside that div but for one of them I want to use 0 padding-right.

我尝试了内联css,直接将它应用到那个页面也在使用!重要但没有任何工作。

I tried inline css, applying it directly on the body of that page and also using !important but nothing worked.

我做错了什么?

索引。 html:

<div id="content"><?php include "page.html"?></div>

main.css:

main.css:

#content{
    margin-top: 303px;
    padding: 35px;
    z-index:1;
}

page.html:

page.html:

<body style="padding:0px;">


推荐答案

Fluidbyte是对的,我当时很笨0填充错误的元素。添加

Fluidbyte was right, I was being stupid trying to apply 0 padding on the wrong element. Adding

<style>
#content{
    padding-right:0px;  
}
</style>

on page.html正常工作,覆盖外部CSS。

on page.html worked fine, overrides the external css.

这篇关于如何覆盖外部的CSS?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆