nth-child()如何选中多个元素?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,nth-child除了课程中的几种选择方法:

http://img1.sycdn.imooc.com//climg/5e4769e10972047e12320669.jpg

还可以选择多个元素:

    Odd 和 even 是可用于匹配下标是奇数或偶数的子元素,比如:

p:nth-child(odd){
    background:#ff0000;
}
p:nth-child(even){
    background:#0000ff;
}

使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值,比如:

指定下标是 3 的倍数的所有 p 元素的背景色

p:nth-child(3n+0){
    background:#ff0000;
}

如上这些内容,并不需要深入了解,知道就好

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

  • 慕标8012353 提问者 #1
    如果我想选择相邻的两个元素该如何进行选择?就像第二个与第三个元素
    2020-02-15 16:31:14
  • 慕标8012353 提问者 #2
    还有啊老师,这个id选择器中,命名id的字符可以采用哪些字符?
    2020-02-15 16:44:48
  • 好帮手慕小班 回复 提问者 慕标8012353 #3
    同学你好,1、相邻的两个元素并没有具体的规律,所以在这个选择器中并不能准确的选择到这两个元素。2、id的命名,建议同学可以直接以英文名称命名,增加代码的可读性,其余一些比如 div1或者play等内容都可以。如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~
    2020-02-15 19:54:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师