美文网首页
css选择第一个子元素或者非第一个子元素有哪些方法实现

css选择第一个子元素或者非第一个子元素有哪些方法实现

作者: 小强不是蟑螂啊 | 来源:发表于2019-04-16 15:00 被阅读0次

如果我们要获取到ul标签下面的第一个li标签来设置样式,有哪些css方法来实现呢?

一 获取第一个元素

1 使用 :first-child

ul li:first-child {
 ......
}

2 使用 :first-of-type

ul li:first-of-type {
 ......
}

3 使用 :nth-child
ul li:nth-child(1){
......
}

4 使用 :nth-of-type
ul li:nth-of-type(1){
......
}

二 获取非第一个元素

1 li:not(:first-child) //或者 :li:not(:first-of-type)

2 li+li //相邻选择器

3 li ~ li  兄弟选择器
4 li:nth-child(n+2) //由于n是从0开始的

相关文章

  • css选择第一个子元素或者非第一个子元素有哪些方法实现

    如果我们要获取到ul标签下面的第一个li标签来设置样式,有哪些css方法来实现呢? 一 获取第一个元素

  • flex布局设置单个子元素靠右显示

    父元素是flex布局实现单个子元素靠右显示css样式如下方法1: 方法2:

  • JQuery first和first-child的区别

    :first是选择将所有的父元素合并之后的第一个子元素;:first-child是选择每个父元素的第一个子元素 $...

  • html&&css面试题

    1. 什么是盒子模型? 2. 行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 3. CSS实现垂直水...

  • getElementBy和querySelector

    querySelector()只会获取返回匹配指定css选择器元素的第一个子元素。如果要返回所有匹配元素,需要使用...

  • :first-child

    :first-child 选取父元素的第一个子元素 div p:first-child 表示的是div下第一个子元...

  • 属性选择器和子元素选择器

    子元素选择器 1.选择第一个子元素 2.选择最后一个子元素 3.选择指定位置的子元素 4.选择指定类型的子元素

  • HTML补充

    ♦️行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 首先:CSS规范规定,每个元素都有display...

  • 浮动流之伪元素选择器

    1、什么是伪元素选择器?伪元素选择器作用就是给指定标签的内容前面添加一个子元素或者给指定标签的内容后面添加一个子元...

  • 伪元素

    1.什么是伪元素选择器?伪元素选择器作用就是给指定标签的内容前面添加一个子元素或者给指定标签的内容后面添加一个子元...

网友评论

      本文标题:css选择第一个子元素或者非第一个子元素有哪些方法实现

      本文链接:https://www.haomeiwen.com/subject/wcebwqtx.html