章节十、5-CSS---用CSS 通配符定位元素
2024-04-01 23:28:42
以下演示操作以该网址中的输入框为例：https://learn.letskodeit.com/p/practice
一、css样式中有三种通配符“^、$、*”
语法：tag[attribute<special character>=’value’]
标签[属性 通配符='属性值']
二、^代表文本的开始
当我们使用“input[class = 'inputs']”查找元素时，浏览器自动帮我们匹配到了一个“class”等于“inputs”的元素
当我们需要找到“class”属性的值包含“inputs”这个字符串且以“inputs”开头时，我们查找元素时语法需要写成input[class^= 'inputs']
三、$代表文本的结束
input[class= 'displayed-class']当我们使用此形式去查找元素时，结果为“0”
input[class$= 'displayed-class']当我们使用此形式去查找元素时，查找到了class属性值包含“displayed-class”且以“displayed-class”结尾
四、*代表文本包含的内容
input[placeholder*= 'Enter']代表我们需要查询元素为laceholder的属性且该属性值包含'Enter
最新文章
- 牛顿方法（Newton's Method）
- MVC3中几个小知识点
- 【fedora】制作安装u盘
- 折腾iPhone的生活——iPhone 5s 开启 assistive touch 后卡顿的问题
- eclipse 使用maven 创建纯spring mvc项目
- 使用Java快速实现进度条（转）
- linux 下把Caps_Lock 映射成Ctrl
- NOIP2002 字符变换
- SharedPreferences 存List集合，模拟数据库，随时存取
- hadoop记录-hadoop常用
- java操作elasticsearch实现批量添加数据（bulk）
- 在内存中加载DLL
- hadoop系列 第三坑： Task process exit with nonzero status of 137
- 尚硅谷面试第一季-12Linux常用服务类相关命令
- logminer实战之生产环境写入数据字典，dg环境查询拷贝日志，测试环境进行挖掘，输出结果
- QT开发环境搭建
- 图像矫正-基于opencv实现
- sublime text 内调试Javascript代码
- centos6.9系统优化
- redis 操作大全 PHP-redis中文文档