给奇数的li标签添加蓝色,给偶数的li标签添加红色

摘要:
我今天遇到的面试问题,唉,没有阅读参考手册,仍然很痛苦!将红色添加到奇数li标签,并将蓝色直接添加到偶数li标签:12345向奇数li标记添加蓝色,添加红色678li{9列表样式类型:无;10}11。甚至{12背景色:蓝色;13}14。奇数{15背景色:红色;16}1718192021测试122试验2233244255266277288293031$353637结果:

今天遇到的面试题,哎,不看参考手册还是写的蛋疼啊!给奇数的li标签添加红色,给偶数的li标签添加蓝色

直接撸代码吧:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>给奇数的li标签添加色,给偶数的li标签添加</title>
6 <script type="text/javascript" src = "jquery-1.8.1.js"></script>
 7     <style type="text/css">
 8         li{
 9             list-style-type: none;
10         }
11         .even{
12             background-color: blue;
13         }
14         .odd{
15             background-color: red;
16         }
17     </style>
18 </head>
19 <body>
20     <ul>
21         <li>测试1</li>
22         <li>测试2</li>
23         <li>测试3</li>
24         <li>测试4</li>
25         <li>测试5</li>
26         <li>测试6</li>
27         <li>测试7</li>
28         <li>测试8</li>
29     </ul>
30     <script type="text/javascript">
31     $(function(){
32         $("li:even").addClass("even");
33         $("li:odd").addClass("odd");
34     })
35     </script>
36 </body>
37 </html>

效果:

给奇数的li标签添加蓝色,给偶数的li标签添加红色第1张

免责声明:文章转载自《给奇数的li标签添加蓝色,给偶数的li标签添加红色》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇sublime text的一些插件js中的一些问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

simhash与Google的网页去重

Leoncom » simhash simhash与Google的网页去重 leoncom搜索技术4 comments 前几天去吃葫芦头的路上,大飞哥给详细的讲解了他在比较文本相似度实验时对Google的simhash方法高效的惊叹,回来特意去找了原文去拜读。 Simhash 传统IR领域内文本相似度比较所采用的经典方法是文本相似度的向量夹角...

SQL的一个排序的问题

事情是这样的,有个问题,先看如下表Department: 部门ID 部门 1 总经理 2 人事部 3 市场部 4 销售部 5 技术部 现在问题来了,想显示时,把技术部和总经理放在最上面,然后再把其它的按部门升序排列,怎么解决? 回答,这是个看似不完成的事情,其实,只要大家动动脑子,问题就解决了 看我lori的 SELECT 部门ID,部门FROM depar...

有趣的一行 Python 代码

https://mp.weixin.qq.com/s/o9rm4tKsJeEWyqQDgVEQiQ https://mp.weixin.qq.com/s/G5F_GaUGI0w-kugOZX145g Python 这门语言非常的有趣,不仅可以做高大上的人工智能、大数据、机器学习。还可以用来做 Web、爬虫。还有其它很多的应用。今天我就给大家...

交易算法故障导致Knight资本集团损失超过4亿美元_IT新闻_博客园

交易算法故障导致Knight资本集团损失超过4亿美元_IT新闻_博客园 交易算法故障导致Knight资本集团损失超过4亿美元 投递人 itwriter发布于 2012-08-03 12:02评论(3)有1081人阅读原文链接[收藏]« » 8月 1 日早晨,Knight 资本集团的自动股票交易程序因为“技术问题”在 30 分钟内执行了数百万次股票交...

陈皓:Why C++? 王者归来(2)

陈皓:Why C++? 王者归来(2) - 51CTO.COM 陈皓:Why C++? 王者归来(2) 2012-02-02 10:35 陈皓 酷壳 我要评论(2) 字号:T | T 因为又有人叫我去Quora的C2C站去回答问题了,这回是 关于 @laiyonghao 的这篇有点争议的博文《2012 不宜进入的三个技术点》ActionScr...

GRUB2 Debugging under QEMU with GDB

After several hours of Googling and trying, I have finally successfully setup the environment for debugging GRUB2 under QEMU with GDB. The following are the steps I have taken. 1....

最新文章