Logo

css 中class包含某元素的选择器

photo

2024年06月03日

.cu-tag[class*="line-"] {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
  • 解析
这是一个 CSS 样式代码,它选择任何包含有 `class` 属性且包含 "line-" 的 `cu-tag` 元素,
并设置它们的右上角和右下角的圆角半径为 6 像素。
例如,如果有以下 HTML 代码:


<div class="cu-tag line-example">这是一个带有 line- 的 cu-tag</div>


那么上述 CSS 样式代码将会选中这个 div 元素,并为其设置右上角和右下角的圆角半径。
需要注意的是,使用属性值选择器 `[attribute*=value]` 可以匹配包含有指定子字符串的属性值。
在上述 CSS 代码中, `class*="line-"` 表示选中 class 属性值中包含有 "line-" 子字符串的元素。

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它
所有附件
该文章没有附件.
本文为原创文章,请注意保留出处!

热门文章

Adobe Acrobat Pro 激活 这里记录了一些AdobeAcrobat的激活教程和组件。浏览量:1,987 作者:Pastore Antonio
1830 浏览量
“sudo: apt-get:找不到命令”的解决方法 Linux系统:CentOS7原因分析:这是由于CentOS的软件安装工具不是apt-get,而是...“sudo:apt-get:找不到命令”的解决方法 作者:Pastore Antonio
1540 浏览量
一个不可思议的一天 上周五可以说是我人生中的梦魇……因为时间没安排好,为了一个10几分钟的会议,打的花了100多。然...一个不可思议的一天 作者:Pastore Antonio
1531 浏览量
Win10中使用cmd命令快速安装telnet服务 Win10中不能够使用Telnet的主要原因是由于系统默认情况下是没有安装telnet服务的,所以我...Win10中使用cmd命令快速安装telnet服务 作者:Pastore Antonio
1524 浏览量
Windows Server IIS+ARR反向代理(配置反向代理服务器) 1.概念说明:反向代理反向代理服务器位于用户与目标服务器之间,但是对于用户而言,反向代理服务器就相...WindowsServerIIS+ARR反向代理(配置反向代理服务器) 作者:Pastore Antonio
1518 浏览量