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

html-css021

怎样才能用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个标签