8.21 :odd??:nth-of-type??

今天为了实现隔行变色,我在css里写:

.note:odd{
	background-color: #eee;
}

有一个页面有效果,另一个页面没效果,怎么也找不到原因。。。各种尝试各种清缓存都不行,,,好无奈

然后 wd过来帮我调 他问:js里没写么 我说没啊

他也试着清缓存 不管用。

他说css里这样写不对 odd是js的写法

我突然想起来 我好像在页面的js文件里初始化了:

$(‘.note:odd‘).css(‘background‘,‘#f9f9f9‘);

捂脸。

不仅浪费自己时间,还浪费别人时间。罪过。

总结:实现隔行变色有两种方式,一种是上边的js代码,另一种是在css里面写,如下:

.note:nth-of-type(2n){
	background-color: #f9f9f9;
}:

nth-of-type(n) 是CSS3的选择器,n可以为数字、关键词或公式。

犯过的错不要再犯了。

时间: 2024-10-05 08:00:14

8.21 :odd??:nth-of-type??的相关文章

jQuery选择器。 5.21 《深夜还在编码的你》

(之所以字体弄那么大是因为省眼,程序员不容易,程序员的眼睛更不容易,请保护我们的眼睛) 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器. 熟练地使用选择器,不但能简化代码,而且能够事半功倍. jQuery选择器可通过CSS选择器.条件过滤两种方式获取元素. 可以通过CSS选择器语法规则获取元素的jQuery选择器包括基本选择器.层次选择器和属性选择器: 可以通过条件过滤选取元素的jQuery选择器包括基本过滤选择器和可见性过滤选择器. jQuer

8.21 SpringMVC快速如门

controller中的代码 1 package com.neuedu.controller; 2 3 import org.springframework.stereotype.Controller; 4 import org.springframework.web.bind.annotation.PathVariable; 5 import org.springframework.web.bind.annotation.RequestMapping; 6 import org.springf

oracle 自定义类型 type / create type

一:Oracle中的类型有很多种,主要可以分为以下几类: 1.字符串类型.如:char.nchar.varchar2.nvarchar2. 2.数值类型.如:int.number(p,s).integer.smallint. 3.日期类型.如:date.interval.timestamp. 4.PL/SQL类型.如:pls_integer.binary_integer.binary_double(10g).binary_float(10g).boolean.plsql类型是不能在sql环境中使

ajax配置项中的type与method

1. jQuery中ajax配置项中的使用type与method的区别 本质上两个配置项是没有区别的,区别在于两者出现的时间不同,type对于目前jQuery的版本全部兼容,也就是说 1 $.ajax({ 2 type: 'POST', 3 url: '/login', 4 dataType: 'json',若出现跨域请求请使用'jsonp' 5 data: { 6 'userName': userName, 7 'password': password 8 }, 9 success: func

jquery 2.1.0 源码

/*! * jQuery JavaScript Library v2.1.0 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors * Released under the MIT license * http://jquery.org/license * * Date: 2

jQuery源码解析

( function( global, factory ) { "use strict"; if ( typeof module === "object" && typeof module.exports === "object" ) { module.exports = global.document ? factory( global, true ) : function( w ) { if ( !w.document ) {

一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: 1 <!Doctype html> 2 <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml> 3 <head> 4 <meta http-equiv=Content-Type content=

Distributed Cache Coherence at Scalable Requestor Filter Pipes that Accumulate Invalidation Acknowledgements from other Requestor Filter Pipes Using Ordering Messages from Central Snoop Tag

A multi-processor, multi-cache system has filter pipes that store entries for request messages sent to a central coherency controller. The central coherency controller orders requests from filter pipes using coherency rules but does not track complet

Jquery选择复选框操作

1 <script type="text/javascript"> 2 jQuery(function($){ 3 //全选 4 $("#btn1").click(function(){ 5 $("input[name='checkbox']").attr("checked","true"); 6 }) 7 //取消全选 8 $("#btn2").click(function