Suppose I have a `<div>`:

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

```

Could somebody tell me if I can use `li.menu-item.menu-item.menu-item { ... }` to make this css rule has a higher priority?

**Update:**

Here is the codes to illustrate this:

```
<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;
}

```

There is also a jsfiddle: <http://jsfiddle.net/wenjiehu/6hycnscy/>

You can see that the background colour of "Item 3" is blue.