删除css样式,样式的删除

jquery如何删除选中的css样式

1.样式为class名

创新互联专业为企业提供自流井网站建设、自流井做网站、自流井网站设计、自流井网站制作等企业网站建设、网页设计与制作、自流井企业网站模板建站服务，十余年自流井做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

例：div class="a" id="box"/div

$(function(){

$("#box").removeClass("a");//根据id找到对应元素，然后删除你要删除的class名即可

})

2.直接删除样式

例: div id="box" style="width:100px;"/div

$(function(){

$("#box").attr("style","");

})

如何删除 多余 css？

删除多余的css，首先我们需要明确是，确实不需要这个css样式了，或者是这个css的样式重复了，我们才会去删除，删除的方法就是找到多余的css代码的位置，然后在选中用del删除就行了，具体看代码：

html

head

style

.div1{

width:600px;

height:200px;

font-size:13px;

border:1px solid #f00;

}

.div p{

font-size13px; //这条就是多余的，因为在它的父级元素中设置了，可以删除

}

/head

body

div class='div1'

p我是测试文字/p

/div

/body

/html

如何删除多余无用的css

1.首先要判断哪些才是无用的css

用浏览器，打来你制作的网页，我的是360的浏览器，右键网页有项“审计元素（N）”

2.左上角显示html的标签，点选标签

显示对应的css在它的左下角

横线划了的是无用的css，

上图中“aio_e332ee9.css:19”

列数这是什么文件的第几行

你可以在aio_e332ee9.css文件的第19行找到.wgt-ask

3.然后删除里面的失效css语句

重复点选标签寻找

最后，工作量很大，不过毕竟比自己判断着来的快多了