css去掉样式,css如何取消样式

有办法去掉从父级元素继承下来的 CSS 样式吗

在div里给它加上一个类，给新加的类写样式。

在CSS中，继承是一种非常自然的行为，我们甚至不需要考虑是否能够这样去做，但是继承也有其局限性。

首先，有些属性是不能继承的。这没有任何原因，只是因为它就是这么设置的。举个例子来说：border属性，大家都知道，border属性是用来设置元素的边框的，它就没有继承性。如下图所示，如果继承了边框属性，那么文档看起来就会很奇怪，除非采取另外的措施关掉边框的继承属性。

多数边框类属性，比如象Padding（补白），Margin（边界），背景和边框的属性都是不能继承的。

扩展资料

CSS中的样式覆盖原则：

规则一：由于继承而发生样式冲突时，最近祖先获胜（最近原则）。

strong分别从body和p中继承了color属性，但是由于p在继承树上离strong更近，因此strong中的文字最终继承p的蓝色。

规则二：继承的样式和直接指定的样式冲突时，直接指定的样式获胜（最直接原则）。

strong {color:red;}

那么根据规则二，strong中的文字最终显示为红色。

规则三：直接指定的样式发生冲突时，样式权值高者获胜。

样式的权值取决于样式的选择器，权值定义如下表。

css选择器 权值

标签选择器 1

类选择器 10

ID选择器 100

内联样式 1000

伪元素(:first-child等) 1

伪类(:link等) 10

可以看到，内联样式的权值ID选择器类选择器标签选择器，除此以外，后代选择器的权值为每项权值之和，比如”#nav .current a”的权值为100 + 10 + 1 = 111。

相关问答

Q1: css去掉浏览器默认样式

因为各个浏览器默认的样式不同，你这种情况可以使用下面代码清除边距

style*{margin:0;padding:0;}/style建议做网站的时候，设置个reset.css样式表清除各个浏览器的默认样式，已达到做的网页在各个浏览器中达到统一，下面把YUI

Reset

CSS代码贴出

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

margin:0;

padding:0;

}

table {

border-collapse:collapse;

border-spacing:0;

}

fieldset,img {

border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

font-style:normal;

font-weight:normal;

}

ol,ul {

list-style:none;

}

caption,th {

text-align:left;

}

h1,h2,h3,h4,h5,h6 {

font-size:100%;

font-weight:normal;

}

q:before,q:after {

content:'';

}

abbr,acronym { border:0;

}

Q2: 无用的css样式怎么去清除

写网页的时候CSS样式一般是先把没用的清楚掉的，比如自带的边框 margin  padding等等，

你需要把所有的标签基本都得清除一遍，不然后期写网页的时候有的小细节问题很难排查出来

Q3: css 怎么去掉button默认样式

方法和详细的操作步骤如下：

1、第一步，打开软件并创建一些默认复选框，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，在顶部样式标签上设置输入样式，将输入的显示属性设置为none，删除默认的单选框，然后设置每个单选框的边距，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，继续设置下面的样式，设置“label”标签的伪元素before和after，然后将原始复选框更改为状态属性，“

 checked + label”设置为红色的实心框，并取消选中状态，“ label :: after”为白色空心框，见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，打开浏览器，可以看到设置的样式，去掉了默认样式，见下图。这样，就解决了这个问题了。

Q4: 如何取消CSS样式？

取消CSS样式可以在 层或者表格代码中 找到类似class="" 或者 id="" 之类，将其删除即可。

或者在网页代码中找到 类似这样的代码

link href="css/css.css" rel="stylesheet" type="text/css" /

或者

style type="text/css"

.......

/style

将其删除即可。