css中class属性值后面加个a或li是什么意思?有什么作用?应该怎么用?

html-css06

css中class属性值后面加个a或li是什么意思?有什么作用?应该怎么用?,第1张

.column a{...} /*只对class=column的元素下的a生效*/

.column li{...} /*只对class=column的元素下的li生效*/

.column li.pos1{...} /*只对class=column的元素下的li且这个li的class为pos1时生效*/

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

效果: