CSS基于href属性中的片段标识符选择元素

我正在使用，它是YUI3库的一部分

标记基本上如下所示：

<div id="demo" class="yui3-tabview-content">
  <ul class="yui3-tabview-list">
    <li class="yui3-tab yui3-widget yui3-tab-selected">
      <a href="#foo" class="yui3-tab-label yui3-tab-content" tabindex="0">foo</a>
    </li>
  </ul>
  <div class="yui3-tabview-panel">
    <div id="foo" class="yui3-tab-panel yui3-tab-panel-selected">
      <p>
        foo content
      </p>
    </div>
  </div>
</div>

食物含量

一堆标记：

问题：我正在编写一些javascript代码，希望在

选项卡视图面板

中选择一个选项卡。假设在本例中，我能够获得id，

foo

。我想选择带有

a[href=#foo]

的选项卡

问题是

a[href=#foo]

根本不起作用，因为

#

用于选择ID。我也尝试过

a[href=“#foo”]

但没有效果。是否有css选择器根据

href

属性中的URL片段选择链接

我知道使用javascript，我可以遍历所有节点并检查href属性，但我更愿意在可能的情况下使用CSS选择器

---

---

更新：选择器不起作用。它看起来像是FireFinder（我正在使用的一个扩展来测试选择器）中的一个bug。

它可以与相同的选择器一起工作，但是使用jQuery（）

返回“foo”。：

---

---

问题似乎更多的是F21的FireFinder，而不是

a[href=“#foo”]

的使用。案例结束。

适用于普通CSS：只需在YUI中试用，似乎也可以。我在FireFinder中进行实验，但它无法选择它（一定是扩展了的bug）。等待期结束后，我将接受您的答案：）您还应该更新您的答案，告诉来访的用户这是其他错误，而不是OP的代码。

$('a[href="#foo"]').text();

a[href="#foo"] {
    color:red;
}