首页 > 其他分享 >3.选择器

3.选择器

时间:2022-10-17 23:44:33浏览次数:54  
标签:状态 元素 选中 超链接 选择器 属性

选择器

选择器:帮助你精准的选中想要的元素

简单选择器

  1. ID选择器
  2. 元素选择器
  3. 类选择器
  4. 通配符选择器

*,选中所有元素

  1. 属性选择器

根据属性名和属性值选中元素

  1. 伪类选择器

选中某些元素的某种状态

1)link: 超链接未访问时的状态

2)visited: 超链接访问过后的状态

3)hover: 鼠标悬停状态

4)active:激活状态,鼠标按下状态

爱恨法则:love hate

  1. 伪元素选择器

before

after

选择器的组合

  1. 并且
  2. 后代元素 —— 空格
  3. 子元素 —— >
  4. 相邻兄弟元素 —— +
  5. 后面出现的所有兄弟元素 —— ~

选择器的并列

多个选择器, 用逗号分隔

语法糖

标签:状态,元素,选中,超链接,选择器,属性
From: https://www.cnblogs.com/zm227447/p/16801158.html

相关文章

  • web前端-css中最直观的反馈-伪类及伪元素选择器的使用
    ......
  • css进阶伪类选择器与浮动
    <--------------------结构伪类选择器---------------------------->结构伪类选择器选择第一个:li:first-child;选择最后一个:li:last-child;选择其中一个:li:nth-child(n);选择器......
  • CSS - 02 CSS选择器
    2.CSS选择器2.1常用选择器1.元素选择器根据标签名来选中指定的元素语法:标签名{}div{ border:1pxsolidred;}span{ border:2pxsolidyellow;}2.id选......
  • Flutter 列表选择器
    需求例如时间,国家地区码选择、日期选择,需要在列表中滑动只选择最中间的选项,单纯的ListWheelScrollView与CupertinoPicker都无法直接满足样式需求。效果组件代码im......
  • vue中地区选择器 v-distpicker
     如上图所示,前端需要用到省/市/区的地区选择器的情况,这个时候可以使用v-distpicker插件。官方访问地址:https://www.npmjs.com/package/v-distpicker使用方法访问地址:ht......
  • JQuery中常用的选择器
    jQuery常用选择器基础选择器基本选择器语法功能ID选择器$('#ID')找到匹配指定ID的元素元素(标签)选择器$('element')找到指定的元素class选择器$('.cla......
  • 选择器进阶
    层级选择器:selector1selector2用于嵌套关系<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>demo</title><style><!--box1......
  • CSS选择器与常用属性
    CSSCSS全称层叠样式表,网页的内容由HTML控制,网页的样式由CSS控制<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>demo</title><st......
  • Dcat admin表格选择器
    dact-admin表格选择器的使用如图在使用dact下拉选择框时,如果选择框的数据很多几百条,这样在使用普通的选择框时就会很不友好,在dact-admin里面有一种表格选择器的东西,可以......
  • js选择器的复杂选择器
    冒号:$("input:checkbox")表示input节点下带有checkbox属性的节点,一般用于$("input:checkbox[name='aaaa']");表示input节点下所有name属性值为"aaaa"的checkbox空格:pspan{......