CSS 子元素选择器

「爱情、让人受尽委屈。」 2022-01-09 05:29 450阅读 0赞

所有选择器参考手册：http://www.w3school.com.cn/cssref/css\_selectors.asp

1）子元素选择器

参考链接：http://www.w3school.com.cn/cssref/selector\_nth-child.asp

  1. p:nth-child(2)
  2. {
  3. background:#ff0000;
  4. }
  5. 选择所有的p元素 的 父元素 的 第二个子元素，不论类型

　　

2）子元素选择器，带类型

  1. p:nth-of-type(2)#选择元素p 的 父元素 的 第二个子元素，不论类型
  3. { background:#ff0000; }

3）还能这样选择

  1. header #search input[type="text"] {

　　

转载于:https://www.cnblogs.com/Gaoqiking/p/11029055.html

发表评论

表情：
评论列表 （有 0 条评论，450人围观）

还没有评论，来说两句吧...

相关阅读