博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
选择器补遗
阅读量:6425 次
发布时间:2019-06-23

本文共 454 字,大约阅读时间需要 1 分钟。

CSS选择器中功能最强大的莫过于伪类

应用场景

学校网络实验课程有互评题部分,这部分是同学们互相评价答案对错。

大家当然都是互相打对勾了。
一个HTML页面,有100题,每道题都需要勾选“正确”,“错误”,“部分正确”三个选项,我想F12以下,写一个js语句一下子选中全部正确的单选框。
:not(selector) $("input :not([type=text])")
:contains(text) $("input:contains('正确')")
组合起来 $("input:contains('正确'):not(contains('部分正确'))")

其它CSS伪类选择器

type child
:first-of-type :first-child
:last-of-type :last-child
:only-of-type :only-child
:nth-of-type(n) :nth-child(n)
:nth-last-of-type(n) :nth-last-child(n)

转载地址:http://hiyga.baihongyu.com/

你可能感兴趣的文章
armv8(aarch64)linux内核中flush_dcache_all函数详细分析【转】
查看>>
房地产英语 Real estate词汇
查看>>
python接口自动化测试(八)-unittest-生成测试报告
查看>>
第 26 章 MySQL
查看>>
C#中三种截屏方式总结
查看>>
Spring.net 学习笔记之ASP.NET底层架构
查看>>
C# System.Windows.Forms.WebBrowser中判断浏览器内核和版本
查看>>
Java 动态太极图 DynamicTaiChi (整理)
查看>>
微信公众平台后台编辑器上线图片缩放和封面图裁剪功能
查看>>
git使用教程2-更新github上代码
查看>>
张掖百公里,再次折戟
查看>>
SAP QM Batch to Batch的转移过账事务中的Vendor Batch
查看>>
本期最新 9 篇论文,帮你完美解决「读什么」的问题 | PaperDaily #19
查看>>
图解SSIS监视文件夹并自动导入数据
查看>>
Lucene.Net 2.3.1开发介绍 —— 四、搜索(一)
查看>>
MyBatis Review——开发Dao的方法
查看>>
技术研发国产化进程加快 看传感器企业如何展示十八般武艺
查看>>
技术助力第三次革命
查看>>
《HTML与CSS入门经典(第8版)》——2.6 总结
查看>>
新手指南:在 Ubuntu 和 Fedora 上安装软件包
查看>>