How to select multiple divs and apply hover on them in such a way that when cursor is moved on each div, only respective divs gets hovered and not all of them together?

```
<div class="itemOne"> Menu Item One </div>
<div class="itemTwo"> Menu Item Two </div>
.
.
.
<div class="itemTen"> Menu Item Ten </div>

```

css:

```
.itemOne:hover .itemTwo:hover{
   /*this is not working*/
}

```

or

```
.itemOne.itemTwo:hover{
  /*this is not working*/
}

```