I want to use to style my clickable element (javascript function onclick), when they hovered.
So far I have this :

```
*[onclick]:hover{
    background-color: red ;
    color: blue;
}

```

It works fine for most of my elements as you can see :

```js
document.getElementById('C').onclick =  function(){alert('I am clickable too !')}
```

```css
div {
    background-color: green ;
    margin : 2px
}
*[onclick]:hover{
    background-color: red ;
    color: blue;
}
```

```html
<div id="A" onclick='alert("A")'>Click me ! A</div>
<div id="B" onclick='alert("B")'>Click me ! B</div>
<div id="notAclickableElement" >Don't click me :( Z</div>
<div id="C" >Click me ! C</div>
<div id="D" onclick='alert("D")'>Click me ! D</div>
```

But it only work for element where the onclick function is written in the Html page, and not added via Javascript.
Is there a way to properly select all clickable elements ?