首页 > 其他分享 >三、伪类选择器

三、伪类选择器

时间:2022-11-25 17:23:30浏览次数:38  
标签:伪类 元素 li 选中 child type 选择器

伪类(不存在的类,特殊的类)

-——伪类哟买回来,描述一个元素的特殊状态

比如:第一个元素、被点击的元素、鼠标移入的元素....

-——伪类一般情况使用冒号开头

:first-child 第一个子元素image-20221124211402880

释意:选中li中的第一个子元素,且li是别ul的子元素

ul> li{}

选中ul下的所有li元素

:last-child 最后一个子元素

:nth-child(n) 选中第n个子元素

特殊值:

n 第n个 n的范围0到无穷大

2n或者even 选中偶数位的元素

2n+1或 odd选中奇数为的元素

-——以上这些伪类都是依据所有子元素进行排序

:first—of——type

:last—of——type

:nth—of——type

​ -——这几个伪类的功能上和上述类似,不同点是他们在同类型元素中进行排序

:not(否定伪类)

--将符合条件的元素从选择其中去除

标签:伪类,元素,li,选中,child,type,选择器
From: https://www.cnblogs.com/dajiang001/p/16925782.html

相关文章

  • 六、元素选择器
    伪元素,表示网页中一些特殊的并非真实存在的元素(特殊的位置)为元素使用::开头::first-letter表示第一个字母::first-lin表示第一行::selection表示选中的内容::be......
  • 八、选择器的权重
    样式冲突——当通过不同的选择器,选择相同的元素,并且为相同的样式设置不同的值,此时就发生了样式的冲突。发生样式冲突时,应用哪个样式由选择器的权重(优先级)决定选择器的......
  • css的选择器
    /*class选择器*/.s1{width:100;a:linkimg{filter:gray;}a:hoverimg{filter:"";}}/*id选择器的使用*/#id1{background-color:g......
  • vue element 日期范围选择器限制:只能选今天之前的时间 || 只能选今天之后的时间 ||
      举例:只能选今天或者今天之后的时间(如下图) <el-date-pickerclearablev-model="form.limitTime"type="date":......
  • uview 腾讯地图城市选择器
    //引入SDK核心类varQQMapWX=require('@/common/qqmap.js');//实例化API核心类varqqmapsdk=newQQMapWX({key:'DIWAZ-OWFC2-MXZUQ-C3WF......
  • css复合选择器和子元素选择器
    复合选择器:元素1元素2{样式声明}元素1和元素2中间要有空格子元素选择器:元素1>元素2{样式声明}也可以称作亲儿子选择器,选择某元素的最近一级子元素。......
  • 结构(位置)伪类选择器
    :first-child选取属于其父元素的首个子元素的指定选择器:last-child选取属于其父元素的最后一个子元素的指定选择器:nth-child(n)匹配属于其父元素的第n个子元素,不论元素的类......
  • Element plus 时间选择器 和下拉列表 的值的获取
    <el-form-itemlabel="时间"><divclass="block"><spanclass="demonstration"></span><el-dat......
  • Css选择器-餐厅练习
    网站:https://flukeout.github.io/题目不懂可百度翻译,答案参考如下:1A2A3#id4AB5#idA6.classname7A.className8Putyourbackintoit!9A,B10*1......
  • jquery 选择下一个子标签选择器
      <p><labelfor="p1">计划1:</label><inputtype="text"name="p1c"id="p1c"value="50">%<inputtype="text"name=......