zoukankan      html  css  js  c++  java
  • 过滤选择器(隔行变色)

    htnl文件:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>过滤选择器(隔行变色)</title>
    </head>
    <body>
    <ul>
    	<li>我是第1个li</li>
    	<li>我是第2个li</li>
    	<li>我是第3个li</li>
    	<li>我是第4个li</li>
    	<li>我是第5个li</li>
    	<li>我是第6个li</li>
    	<li>我是第7个li</li>
    	<li>我是第8个li</li>
    	<li>我是第9个li</li>
    	<li>我是第10个li</li>
    </ul>	
    <script src="jquery-1.12.4.js"></script>
    <script>
    	$(function(){
    		//下标为偶数,过滤
    		$("li:even").css("backgroundColor","red");
    		$("li:odd").css("backgroundColor","cyan");
    		$("li:lt(3)").css("fontSize", "32px");
    	})
    </script>
    </body>
    </html>
    

      

  • 相关阅读:
    SqlDataAdapter 类
    新博开
    gcc编译C++程序

    抖动
    css3 导航效果
    javascript判断IE浏览器的版本
    CSS样式表继承详解
    css选择器
    鼠标样式
  • 原文地址:https://www.cnblogs.com/luwn/p/12705550.html
Copyright © 2011-2022 走看看