css - 下面的 css 选择器有什么区别

标签 css

<分区>

a[attribute~=val]{
}


a[attribute|=val]{
}


a[attribute*=val]{
}

通常我使用最后一个..但是它们之间有什么区别

最佳答案

Attribute Contains Word Selector ~= 将查找由空格分隔的单词。例如,它将在 "Jon Peters" 中找到 "Jon",但在 "Jonathan Peters" 中找不到。

属性包含前缀选择器 |= 将找到一个以破折号分隔的前缀。例如,它将在 "en-GB" 中找到 "en",但在 "english""kal-en"中找不到

属性包含选择器 *= 将在属性值内的任何位置查找文本。

关于css - 下面的 css 选择器有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15022728/

上一篇:css - 时髦的响应式 CSS

下一篇:Jquery Slider 在 IE 中不再有效

相关文章:

html - 如果进度条值为 0,则不要在右侧添加边框

javascript - 关于 javascript 和 DOM

jquery - CSS 缩放属性不起作用 (Jquery)

html - 有没有办法从样式中排除单个元素? ( Bootstrap )

html - 全宽栏部分填充纯色 CSS

jquery - 两个相互竞争的滚动到同一页 html 页面中的 anchor 功能

html - 使用 CSS 在表格行上使用 alpha 或不透明度

javascript - 100% 宽度的自动调整表格

css - Firefox - CSS 断字 : break-all unstable

html - 如何使设置高度的部分溢出可见?