html - 带有 '[class]' 作为选择器一部分的 CSS。括号中的文字字符串 'class'

标签 html css css-selectors html-email

我正在查看包含这种规则的 CSS:

table[class].outer{width:600px;}

我以前从未见过这种类型的选择器,几乎不可能搜索到,即使使用 Google 的“逐字”设置也是如此。

谁能解释一下这是怎么回事?这是某种黑客攻击吗?它只是一个损坏的 CSS3 选择器吗?

如果有任何混淆,不是 [class="something"][class^="something'] 或任何字符串 class 后跟进一步的代码以匹配属性的 content。字面意思就是左括号、c、l、a、s、s、右括号。这就是我所说的 a损坏的 CSS3 选择器。“具有类属性”的选择器,不需要匹配任何特定属性。

这可能与电子邮件呈现有关。该规则似乎不适用于任何普通浏览器。

最佳答案

[class] 选择器仅仅意味着它是否有一个类,例如

div[class] {
  color: red;
}
<div class="a">somthing</div>

<div>something else</div>

<div class="b">blah blah</div>

如您所见,第一个和第三个 div 获得了样式,但第二个没有,所以在您的情况下 in 不会做太多,因为如果表的类是 .outer 那么它显然有一个类

关于html - 带有 '[class]' 作为选择器一部分的 CSS。括号中的文字字符串 'class',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40924283/

相关文章:

javascript - 单击图片元素时切换 img src 和 source srcset

CSS div 页脚和列高问题

css - CSS : div. something 或 just .something 有什么更好的

html - bootstrap 4 pull-right 在导航栏上不起作用

javascript - 改变除一个 Div 之外的所有元素的不透明度

css - 使用 before 伪类创建绝对定位的不透明背景时,为什么它会阻止我的文本输入,除非我将 z-index 设置为 -1?

html - 即使您没有将鼠标放在下拉菜单上,下拉菜单也是可见的

html - 将 div 对齐到页面中心

php - 如何使用 CSS 去除空格

html - 样式输入元素以填充其容器的剩余宽度