这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。
网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了宁陵免费建站欢迎大家使用！
js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：\x0d\x0a改变className，但首先在样式表中预设定样式类。
建立一个静态页命名为change.html ，标题为js导航点击的怎么同时变图片跟字体颜色。设置一个简易的导航栏。加css 控制菜单的样式，并加入背景图片。为li添加id，创建函数fun ，并传递传递参数。
先获取要改变css的元素。改变这个元素的style属性。eg：下面是改变div的背景色，改为蓝色。
详细方法如下：第一步：在连接样式表的元素里定义一个id，例如我定义的id是css。
直接更改，比如：xID.style.display = block // 更改display属性，会覆盖css中的定义。xID.style.display = // 取消js更改display属性，以css样式为准。这里的xID，是通过id获取的标签。
通过CSS自定义，你可以对选择框进行各种样式的设置。此外，默认值是下拉菜单，但您可以使用size属性指定选项的显示行数。选择框中的选项使用OPTION标签来指定。
CSS伪元素CSS 伪元素用于向某些选择器设置特殊效果。
属性面板里面可以修。点击窗口打开属性面板，然后选css鼠标选中你要编辑样式的文字点编辑规则，这样css里的样式面板就出来了。
在css设置可改变大小的div滚动条样式方法：首先新建html文档，进入代码书写界面。在和的里面写入代码，在里面写入想要输入的内容。书写外层轨道css代码。
前言：很多项目都需要改变滚动条的默认样式，并不想单独下载和引入插件。
系统默认鼠标指针样式外，可以通过CSS设置图片为鼠标指针，常见有些网站鼠标指针是各种各样小图片样式，当然这个是通过css cursor设置鼠标样式。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：button {background-color： #00a7d0}button：hover {background-color： #ff7701}。
新建一个HTML文件，文件名为test.html，title标题为CSS实现鼠标经过导航的超链接时显示下划线效果。
onClick：鼠标单击事件。（是指鼠标按下，然后松开时产生。）onDblClick：鼠标双击事件。（是指鼠标快速按下，松开，并再次按下时产生。）onMouseDown：鼠标按下事件。（鼠标按下时即产生。）onMouseUp：鼠标释放事件。
首先就是打开Sublime Text编辑器，新建一个HTML页面，并添加HTML结构，如下图所示。然后在body区域添加字体，注意放在一个div里面，如下图所示。