I have such HTML code

```
<li data-bind="attr: { class: MenuItem.CssClass, 'data-Id': MenuItem.Id }">
    <div class="subMenuActions">
        <i class="icon-caret-right" />
        <i class="icon-caret-down" />
    </div>
    ...
    <ul class="subMenu"></ul>
</li>

```

I want to make selector for elements `i` in `div.subMenuActions` which will check if `ul.subMenu` is empty.

I know that I can check if `ul.subMenu` is empty by using CSS selector `ul.subMenu:empty`, but I need to hide `i.icon-caret-down`, `i.icon-caret-right` if `ul.subMenu` is empty.

Please no JS answers.