很多方法都是可以实现值控制一个li样式而不影响其他的，最简单的是给第一个li设置一个id或者设置一个单独的class，也可以使用最新的css3选择器。
创新互联公司专注于洪江管理区网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供洪江管理区营销型网站建设，洪江管理区网站制作、洪江管理区网页设计、洪江管理区网站官网定制、小程序设计服务，打造洪江管理区网络公司原创品牌,更为您提供洪江管理区网站排名全网营销落地服务。
工具原料：编辑器、浏览器
1、设置类或者id的方法
简单的代码示例如下：
body
ul
li id="special"111/li
li222/li
li333/li
li444/li
li555/li
/ul
style
#special{
background: #ccc;
}
/style
/body
2、使用css3的选择器
body
ul
li id="special"111/li
li222/li
li333/li
li444/li
li555/li
/ul
style
li:first-child
{
background-color:yellow;
}
/script
/body
把 style type="text/css" 和 /style 这两行删掉即可，他们属于html的内容，不是css的！！！正是它们导致第一个样式失效。
给所有的选项卡添加style ： display：none；
然后写一个class： .on{display: block;}
将这个class给第一个选项卡。
用js或者jQuery写：当鼠标移动到选项卡上方时，给该选项卡添加class（.on）：addClass("on")，鼠标离开时移出class（.on）:removeClass("on");
只设置表格第一行的样式，可以使用选择器。在css里面这样写 th:nth-child(1){样式}
css如何设置字符串中第一个字符的样式:
本章节介绍一下如何使用css设置字符串中第一个字符的样式。
以前我们实现此效果的方式,可能会在第一个字符上嵌套上一个span标签。
代码实例如下:
!DOCTYPE htmlhtmlheadmeta charset=" utf-8"meta name="author" content="" /title蚂蚁部落/titlestylespan{ color:red;}/style/headbodydivspan蚂/span蚁部落的url地址是softwhy.com/div/body/html
上面的代码实现了我们的要求,但是略显繁琐,下面介绍一下如何用伪对象选择器实现此功能。
代码实例如下:
!DOCTYPE htmlhtmlheadmeta charset=" utf-8"meta name="author" content="" /title蚂蚁部落/titlestylediv::first-letter{ color:red;}/style/headbodydiv蚂蚁部落的url地址是softwhy.com/div/body/html
上面的代码同样实现了我们的要求,更多内容可以参阅CSS的伪对象选择符E:first-letter/E::first-letter一章节。
原文地址是:;;tid=18254
更多内容可以参阅:
css控制第一个li标签的样式，和其他li的样式不同：给第一个li标签添加class或者id，然后编写css代码。
html：给第一个li元素添加一个class类名为“menu1”。
html：
ul
li class=“menu1”新闻一/li
li新闻二/li
li新闻三/li
/ul
css代码：
li{font-size：14px；} //4px大小的字体
.menu1{font-size:18px;font-weight：bold；} //字体样式：粗体18px字体
效果：