用css 只控制第一个li的样式怎么控制？

很多方法都是可以实现值控制一个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

jsp外部引用的css中第一个样式总是不无效怎么回事

把 style type="text/css" 和 /style 这两行删掉即可，他们属于html的内容，不是css的！！！正是它们导致第一个样式失效。

选项卡css怎样控制默认显示第一个？

给所有的选项卡添加style ： display：none；

然后写一个class： .on{display: block;}

将这个class给第一个选项卡。

用js或者jQuery写：当鼠标移动到选项卡上方时，给该选项卡添加class（.on）：addClass("on")，鼠标离开时移出class（.on）:removeClass("on");

怎样在css中设定一个表第一行的样式

只设置表格第一行的样式，可以使用选择器。在css里面这样写 th:nth-child(1){样式}

css如何设置字符串中第一个字符的样式

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的样式不同

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字体

效果：

网站标题：css第一个样式,css第一个元素
分享路径：http://myzitong.com/article/hoodep.html