Question

我在这里有一个有趣的CSS选择器：

.gridcell[id="danger"] {
  color: red;
}

我认为它应该在下一节中设置段落元素的样式：

<div class="gridcell" id="danger">
  <p>fort_sumter</p> // this would be styled
</div>

然而，根本没有任何风格。根据我的理解，选择器中的[]意味着它正在gridcell中搜索具有危险id的内容，这将是p元素，但它不起作用。有关这个CSS块的样式的正确html部分的任何想法吗？

谢谢，

brld

编辑：修复了Atom的奇怪引号。

Answer 1

你有一些奇怪的Unicode引用，特别是代码点8221“右双引号”。它应该是代码点34“引号”。

尝试找出两者之间的区别：U + 8221：” U + 34 "。

这可能是由一些有趣的系统键盘设置引起的，或者如果您在文本处理应用程序中编写了CSS（例如MS Word，LibreOffice Writer，Google Docs等）

有重复其他答案的风险，在CSS中按ID选择的规范方法是使用#字符，然后是您要匹配的ID：

.gridcell#danger

作为一种风格说明，由于ID是唯一的，请考虑使用更具描述性的名称，或切换到类。

Answer 2

格式化错误。小心你使用的字符。而不是“它是双引号字符＆＃34;你必须使用。

更改

.gridcell[id=”danger”] {
  color: red;
}

到

.gridcell[id="danger"] {
  color: red;
}

Answer 3

您的选择器似乎使用了错误类型的双引号。您是否在mac计算机上以富文本格式编辑代码？你的引言应该是直的，而不是卷曲的。

另外，你对编写这个选择器的方式有点误解。要按类和ID选择该段落，您可以写：

.gridcell#danger {
    color: red;
}

Answer 4

你只能使用.div类对象或#div来id对象，如果你需要选择一个兄弟元素可以使用

.class #id{    
    /* style */   
}