如何为匹配元素添加和删除CSS样式

问题问的比较含糊吧，其实不太能理解是想要整理样式，还是想要在原有基础上覆盖样式。 ======整理样式===== 在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存 在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。下面介绍几个分析无用样式的工具： 【Dust-Me selectors】 Dust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。 支持本地和远程样式文件，包括使用标签、处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的

DIV CSS文字删除线贯穿线添加方法如下：

1、先打开sublime_text软件，然后新建一个09.html。

2、建好09.html后，在里面定义一个html5标准声明。

3、然后在里面输入html网页的结构。

4、在输入html网页的结构中找到一个叫body标签，在body标签中添加文字。

5、添加好文字后，给p标签添加一个删除线样式。

6、运行网页，查看结果，可以看到删除线已添加好了。

其实js很不好用的，一般都使用jquery来写，改变样式的话我会使用两种方法

使用jquery中的.css()函数改变样式，这中方法很好用，可以在触发事件的时候任意 *** 作某个元素的样式。

自定义一个class名字，比如.yangshi{} ,在触发的事件里使用 .addclass()和.removeClass() 两个函数添加或者删除某一个class类。达到切换样式的目的，这种方法比较清晰有条理。下面给出我写的一段jquery 代码。 这个的意思是，.box元素的鼠标进入会添加一个class类yangshi，离开的时候会删除这个class类

<script>

$(function(){

    $(".box").mouseover(function(){

        $(this).addClass("yangshi")

    })

    $(".box").mouseout(function(){

        $(this).removeClass("yangshi")

    })

})   

</script>

---