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

html-css07

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

效果:

像上面那种,就是定义ACTIVE属性,使其A的背影带色,每个页植入对应的ACTIVE,比如,首页只植入在第一个LI,第二个页只植入第二个LI。。。另外定义LI属性,使其HOVER的背影跟ACTIVE的背影色一样,这样子移动鼠标时对应的LI就显示背影色,点击后的背影色也不变。