这个应该是比较好弄的，比如，你就想让第二个li背景是红色的，那你就这样写好了：li class=cat fst-cat style=background：red；/li 当然，如果你用ID也是可以的。
创新互联长期为千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为青田企业提供专业的成都做网站、网站设计，青田网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
可以用逗号隔开多个类名。css当中需要对多个类或多个元素等使用相同的样式，都可以在每个选择器后面使用逗号分隔，其他部分的写法是相同的。例如：.aa，.bb{color：blue；}。
利用Dreamweaver新建一个html页面。在body里面输入代码 你好 小鱼 小小 。默认的样式是这样的。编辑li标签的css样式。float：left代表的是元素左对齐。
首先得明白行内元素和块级元素。li 是块级元素，要想使两个LI并排成水平排列，得把块级元素转化为行内元素。
这个比较简单：li { display： inline；} 用inline限制就水平显示了。
第一步，打开html编辑器并创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，输入CSS代码“button {display： inline-block}”，见下图，转到下面的步骤。
首先为元素绑定onclick事件，一级li和二级li区别对待。你没说清楚哪里不明白，我就猜一下你是不知道如何选中二级节点的父节点。选中当前节点的父节点的方法是this.parentNode就是当前节点的父节点了。
首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。
JS里添加样式的方法：首先，要创建标签，使用document.createElement函数，如图创建div标签。使用其className设置class，id设置id，style设置样式。样式的设置也可以分项进行。
调用：addElementLi(parentUl)；用 js 动态添加元素，就不会有那么复杂的字符串出现，代码阅读性强一点，也容易理解。用代码的方式在js中给li附上标签。
i].onclick=function() {for (var i=0； igetEls.length； i++){ getEls[i].className=}this.className=asd1}//当某个元素被点击之后，之前的同类遍历把他们的样式去掉，给现在的这个添加样式。
用上面那代码让它自动变换，按钮的效果就是先clearInterval()让它停下来，然后获取当前停留li的index，然后上下按钮就是通过index控制添加css了，下面的a标签就是利用$(ul li：eq(i))还有来选择要添加css的li。
1、方法有很多种，最简单的是一下方式，代码不是最少的，不便于重用，但是你的问题描述就这么多，仅仅解决问题是可以了。
2、方法三 改变两个样式的加载顺序 这种方法比较简单，就是只要把细化css加载在全局css之后就行了，这样后面的样式就会自动覆盖前面的样式。
3、解决方法有很多，如果可以对html改动的话，就给你需要细化的页面元素加多一个class或者ID就行了，当然这种方法应该不是你想要的。
4、方法三 改变两个样式的加载顺序这种方法比较简单，就是只要把细化css加载在全局css之后就行了，这样后面的样式就会自动覆盖前面的样式。不过如果你的html里面这两个样式表的加载顺序是先细化后全局的话，就要稍微调整一下代码才行。
1、css控制第一个li标签的样式，和其他li的样式不同：给第一个li标签添加class或者id，然后编写css代码。html：给第一个li元素添加一个class类名为“menu1”。
2、打开Dreamweaver软件，新建一个html页面，保存成为html。在body中进行书写，先写div如图，写三个div板块。用css对div进行控制，一种方式是直接使用内联样式，也就是直接在html中的style中进行书写div的css样式。
3、把ul包含的li定义为一个类，在css样式用类选择器设置li的float属性为向左浮动，即为float：left；最好将无序列表前面的点去掉。即ul的list-style-type：none；这样设计出来的比较美观。
