css属性选择器,[],=, ~=, ^=, ~=, $=, |=等符号含义
2024-05-03 20:38:00
全栈工程师开发手册 (作者:栾鹏)
css系列教程1—选择器全解
css属性选择器
包括[]是否有某属性,=属性是否等于,~=属性包含,^=属性值以指定字符串开头,$=属性值以指定字符串结尾,*=属性值等于指定字符串,|=属性值以指定字符串为前缀。
代码如下:
p[attribute1][attribute2]{ /* [] 属性选择器,表示具有某种属性的所有元素,多个参数表示同时具有多个属性,class也可以作为一个属性筛选 */
}
a[href="http://www.123.com"]{ /* =具有某个属性,且属性值等于指定值的所有元素 */
}
div[class~="class1"]{ /* ~=具有某个属性,且属性值包含指定值的所有元素 */
}
input[title^="title1"]{ /* ^=指定属性的值以指定字符串开头 */
}
input[title$="title1"]{ /* $=指定属性的值以指定字符串结尾 */
}
input[title*="title1"]{ /* *=指定属性的值包含指定字符串 */
}
input[title|="title1"]{ /* |=指定属性的值等于title1或者以title1-开头 */
}
最新文章
- 微服务网关解决方案调研和使用总结 专题
- CodeForces - 467C George and Job(二维dp)
- php excel 函数,php实现excel中rank函数功能的方法
- 基础知识系列☞关键字→virtual
- 开源阅读书源_安卓神器 | 开源小说软件阅读3.0,附赠大量书源
- Hibernate的学习详解(4)
- ssh 根据指定端口登录远程服务器
- mysql源码包和二进制包_Linux下MySQL安装(二进制包和源码包)
- 位说法的由来_南方土地庙有榕树的原因,为何会有榕树不容人的说法?
- flash mx拖拽实例_Flash MX 2004的ScatterBug命令面板
- Linux如何整数分区,硬盘整数分区怎么计算?NTFS整数分区数值表分享
- NOD 32 企业版远程管理服务器病毒库更新失败
- 微信小程序怎么做店铺_微信小程序如何开通店铺
- 位置不可用无法访问介质受写入保护怎么修复?
- 【自学】张量、维度、多维矩阵、dim、torch.argmax()
- 【2021最新版】《全网搜索 6.0》软件使用手册
- licenses.licx文件
- Alarm机制-学习记录
- 报名有奖|相约2020 RT-Thread 开发者大会RDC
- 安卓开机画面_领克的开机画面,你修改了?
热门文章
- 语音识别技术是什么_语音识别技术应用领域介绍
- json日期格式化 java_java_Java Web程序中利用Spring框架返回JSON格式的日期,返回Json时格式化日期Date
第一 - phpStudy...
- java md5算法_JAVA实现MD5算法
- 2017年上海市计算机一级题库,2017年计算机一级题库及答案
- ★Python爬虫 ※ 入门详解
- git如何安装aur_git系列:git 简介
- Sublime Text3运行node.js
- 【CCCC】L3-021 神坛 (30分)计算几何+求三角形面积(极角排序)
- 【CSP201803-1	】跳一跳,简单模拟
- 【codevs1295】N皇后问题