新闻列表中如何让前几篇标题颜色和其他标题颜色不一样？

最新推荐文章于 2018-11-16 12:50:15 发布

蓝鸟bluebird

最新推荐文章于 2018-11-16 12:50:15 发布

阅读量548

点赞数

分类专栏： Javasript

本文链接：https://blog.csdn.net/u010257252/article/details/70556266

版权

Javasript 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<title>我是demo啊</title>
<meta charset="utf-8">
<script src="js/jquery-2.0.0.min.js"></script>
<style>
li{
	list-style:none;
	height:25px;
	line-height:25px;
}
</style>
</head>
<body>
<ul>
  <li>我是第一篇新闻</li>
  <li>我是第二篇新闻</li>
  <li>我是第三篇新闻</li>
  <li>我是第四篇新闻</li>
  <li>我是第五篇新闻</li>
</ul>
</body>
<script>
$(document).ready(function(){
  $("ul li:lt(3)").css("color","red");
})
</script>
</html>

另外，如何让第一篇文章的标题后面出现一个“new”呢？只需要把<script></script>之间替换为

<script>
$(document).ready(function(){
  $("ul li:first").append("new").css("color","red");
})
</script>

蓝鸟bluebird

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
新闻列表中如何让前几篇标题颜色和其他标题颜色不一样？

新闻列表中如何让前几篇标题颜色和其他标题颜色不一样？
复制链接

扫一扫

专栏目录