小编wen*_*ehu的帖子

我猜“它”是一个短语的缩写。但我不知道它是什么。每次看到这个函数时，我总是试图找出它的含义。

有人可以告诉我这件事吗？

假设我有一个<div>：

<li class="menu-item"> ... </li>

有人能告诉我是否可以li.menu-item.menu-item.menu-item { ... }用来使这个 css 规则具有更高的优先级吗？

更新：

下面是代码来说明这一点：

<ul>
    <li class="menu-item dark">Item 1</li>
    <li class="menu-item dark">Item 2</li>
    <li class="menu-item dark menu-item-special">Item 3</li>
    <li class="menu-item dark">Item 4</li>
</ul>

.menu-item.dark {
    background: #333;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
.menu-item-special.menu-item-special.menu-item-special {
    background: blue;
}

还有一个jsfiddle：http : //jsfiddle.net/wenjiehu/6hycnscy/

可以看到“Item 3”的背景色是蓝色。

我正在尝试使用嵌入在.css中的.svg作为链接的背景.这是css规则:

background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="7px"><g><g><polygon points="8.433,-0.06 4.985,3.325 1.539,-0.06 -0.066,1.546 4.985,6.566 10.037,1.546" fill="#61B23B"/></g></g></svg>');

它适用于Chrome/Safari/Opera,但不会在Firefox上显示"fill"属性.

您还可以查看http://jsfiddle.net/wenjiehu/rey46ydz/1/作为此问题的现场演示.尝试将鼠标悬停在Firefox上的链接上.

有人能告诉我这是什么解决方案吗？