有趣的CSS选择器

Question

我有一个有趣的CSS选择器的位置：

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

我认为应该风格以下部分段落元素：

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

但是没有在所有风格。据我的理解，选择器中的[]意味着它正在gridcell中搜索具有危险id的东西，这将是p元素，但它不起作用。任何关于正确的HTML部分的想法，将与这个CSS块的样式？

感谢，

brld

编辑：修正了在那里从原子上的怪异的报价。

Answer 1

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

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

这可以通过一些有趣的系统键盘设置造成的，或者如果你写的CSS在文本处理应用程序（如微软的Word，LibreOffice的作家，谷歌文档等）

随着重复其他答案的风险在CSS的ID选择的正规途径是使用#性格，其次是ID要匹配：

.gridcell#danger 

---

作为一个文体的音符，因为ID都是唯一的，可以考虑使用更描述性名称或切换到 一类。

Answer 2

格式错误。 小心你使用的字符。相反变化的”这是双引号字符“你必须使用。

.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 */ 
}