很多方法都是可以实现值控制一个li样式而不影响其他的，最简单的是给第一个li设置一个id或者设置一个单独的class，也可以使用最新的css3选择器。
创新互联专注于企业网络营销推广、网站重做改版、广安网站定制设计、自适应品牌网站建设、成都h5网站建设、电子商务商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为广安等各大城市提供网站开发制作服务。
每个页植入对应的ACTIVE，比如，首页只植入在第一个LI，第二个页只植入第二个LI。。另外定义LI属性，使其HOVER的背影跟ACTIVE的背影色一样，这样子移动鼠标时对应的LI就显示背影色，点击后的背影色也不变。
在ul样式中设置文本居左对齐。ul { padding：0；margin：0；text-align： left；list-style-type： none；} 标签大小不同，可以用自定义的背景图片代替标签样式。
div弄个边框 li浮动 a设为块元素并加宽度、行高，文字居中对齐 然后想办法用合适的方式清除下浮动，以免div包不住那些东西 如果上面的你都能自己动手解决了，最下面那个 显示全部 我想你也应该能想出办法来了。
利用Dreamweaver新建一个html页面。在body里面输入代码 ul li你好/li li小鱼/li li小小/li /ul。默认的样式是这样的。编辑li标签的css样式。float：left代表的是元素左对齐。
.bar li.active 是指class为“bar”的容器 class为active的li ，估计这个地方你写错了。 应该是“：”才对。如果是冒号，那就是li的伪类，当鼠标点击li时按下去没有弹起时候的样式。这个不常用，因为IE对它的支持不好。
首先在html中布局好两个按钮和一个div，如下图所示。 接着编写添加class的方法，如下图所示，通过classList中的add。 运行页面以后看到如下图所示的界面。 点击添加class按钮就可以看到div中多了样式。
上述代码扩展的浏览器原生对象 HTMLElment 原型，因此在任一元素身上都有 onActive 方法，另外 toggleCls(className) 也是通过扩展元素原型来提供的。
a：active 整个网页所使用的超链接样式，相当于全局变量。active表示激活状态下的文字样式。
定义链接在鼠标被激活（点下去）时候的样式。操作方法如下：新建一个html文件，命名为test.html，a标签四个不同的伪类，有不同的效果。利用a标签伪类改变字体的颜色。
css控制第一个li标签的样式，和其他li的样式不同：给第一个li标签添加class或者id，然后编写css代码。html：给第一个li元素添加一个class类名为“menu1”。
打开Dreamweaver软件，新建一个html页面，保存成为html。在body中进行书写，先写div如图，写三个div板块。用css对div进行控制，一种方式是直接使用内联样式，也就是直接在html中的style中进行书写div的css样式。
把ul包含的li定义为一个类，在css样式用类选择器设置li的float属性为向左浮动，即为float：left；最好将无序列表前面的点去掉。即ul的list-style-type：none；这样设计出来的比较美观。
你设置的是UL下所有LI的背景色，所以全部LI都变成红色了。使用first-child 属性即可。
你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：li style=color：#ff0000； font-size。
没区别，因为ul都和li配套使用。ul li表示 匹配HTML中所有ul下的(后代)li。li表示 匹配HTML中所有的li标签。