html - 当我创建 CSS 条目时,class* 是什么意思?

标签 html css

<分区>

我有以下内容:

[class^="fa-icon-"], [class*=" fa-icon-"] {

我知道 class^ 表示开头,但 class* 是什么意思?

最佳答案

这只是意味着选择任何元素,其 class 属性包含 fa-icon- 的子字符串

Demo

因此,正如我与您分享的演示一样,选择任何具有 fa-icon- 子字符串的 p 元素(注意:此处的空格很重要)

所以它会选择元素 say

<p class=" fa-icon-">Hello</p>

上面的选择器也会选择类似的东西

<p class=" fa-icon-blah">Hello</p>

Demo 2

关于html - 当我创建 CSS 条目时,class* 是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19109163/

上一篇:jquery - 悬停时无法打开 div,也无法选择 div 中的内容

下一篇:CSS - 图像对齐

相关文章:

javascript - 根据时间更改背景图像 (javascript)

javascript - 使用 jQuery 动态加载 html

c# - 未呈现代码隐藏 div 样式更改

html - 取消隐藏 :hover 上的 <img>

javascript - 为什么我用rotateY(180deg)时有时间空白

html - bootstrap 如何防止视点低于 768px 时侧边栏折叠或消失

html - 定义图像的宽度和高度是否违反 Material 设计思想?

javascript - 清除表单输入并保留占位符

JavaScript CSS 框架

javascript - jquery/ajax - .load 保持相同的 JQuery