程序博客网 > php程序员如何提高水平

CSS3的nth-child() 和nth-of-type（）选择器，表格奇偶行变色

来源：互联网发布：php程序员如何提高水平编辑：程序博客网时间：2024/05/21 20:24

nth-child（）选择匹配其父元素，不论其类型。

nth-of-type（）选择匹配其父元素，区分类型。

例如

p:nth-of-type(2){background:#ff0000;}<body><h1>这是标题</h1><p>第一个段落。</p><p>第二个段落。</p><p>第三个段落。</p><p>第四个段落。</p></body>

p:nth-of-type(2)

是第二个段落变成红色

p:nth-child(2)

是第一个锻炼变成红色

奇偶数匹配

odd代表奇数，even代表偶数

倍数写法

:nth-child(2n+1)， :nth-child(2n-3) ， :nth-child(4n+3)，可以这样写。n为自然数

0 0

php程序员如何提高水平

php程序员如何提高水平

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子淘宝上怎么办信用卡中国银行限额怎么办农工商红利卡怎么办便利店没生意怎么办昆通卡过期了怎么办速通卡过期了怎么办佰通卡过期了怎么办工行消费贷款怎么办信用消费贷怎么办买房贷款还不上怎么办个人消费贷款怎么办邮箱接受不了怎么办安徽农金易贷卡怎么办潍坊网约车怎么办手续网商贷没有额度怎么办电信话费用不完怎么办? 自己开店怎么办会员卡微店卖不出东西怎么办山屿海度假会员怎么办微信群里要签到怎么办 token验证失败怎么办 pos无缘无故消费怎么办北银创投消费卡怎么办美乐家不消费怎么办无线未连接怎么办狗证怎么办叮咚开不了怎么办卫生间暗管漏水怎么办京东买错东西了怎么办蜜芽买到假货怎么办近邻宝需要怎么办淘宝凑单怎么办使用过期卫生巾怎么办增值税忘记申报怎么办恶漏有臭味怎么办产后恶露发臭怎么办恶露有臭味怎么办产后恶露很少怎么办产后恶露排不出怎么办产妇恶露不尽怎么办安全套破了怎么办