怎样才能用css控制第一个li标签的样式，和其他li的样式不同

html-css011

怎样才能用css控制第一个li标签的样式，和其他li的样式不同,第1张

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:18pxfont-weight：bold；} //字体样式：粗体18px字体

效果：

顾名思义，类选择器选择的是同一类（class）标签，而标签选择器选择的则是同一种标签。比如下面三个标签：

<div class="c1">这是第1个标签</div>

<span class="c2">这是第2个标签</span>

<div class="c2">这是第3个标签</div>

类选择器 .c2 选择的是第2和第3个标签，而标签选择器 div 选择的则是第1和第3个标签