UL的第一个LI元素的样式怎么定制?急~~

时间:2021-12-24 20:36:40
我只想给UL的第一个<li></li>设置特定的样式,该怎么办?

3 个解决方案

#1


ul li:first

#2


在你的CSS里面定义:
ul li {  position: relative; /*或其他样式.*/ }

#3


<html>
<head>
<style>
ul li{font-size:12px;}
ul li.xx{font-weight:bold; color:green; list-style-type:square}/*style of first LI */
</style>
</head>
<body>
  <ul>
    <li class="xx">首页</li>
    <li>公司简介</li>
    <li>新闻调查</li>
  </ul>
</body>
</html>

#1


ul li:first

#2


在你的CSS里面定义:
ul li {  position: relative; /*或其他样式.*/ }

#3


<html>
<head>
<style>
ul li{font-size:12px;}
ul li.xx{font-weight:bold; color:green; list-style-type:square}/*style of first LI */
</style>
</head>
<body>
  <ul>
    <li class="xx">首页</li>
    <li>公司简介</li>
    <li>新闻调查</li>
  </ul>
</body>
</html>