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

html-css024

怎样才能用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字体

效果:

elements.getId(mm)因为id是唯一的,所以只要是指定的id一定可以找到这个标签,

class="",这个的不同是,里面的值可以是重复的。他可以提高html里面的代码的结构,减少代码的重复率