css в вукомерс что за?

помогите понять,почему стили не работают или неполноценно работают,пытался на css скрыть текст

здесь

- в описании (открыть подменю)

использовал

<a class="main-itemm" href="javascript:void(0);" tabindex="1" >Открыть подменю</a> 

<ul class="sub-menuu"> 

   <li><a href="#1">подпункт 1</a></li> 

   <li><a href="#2">подпункт 2</a></li> 

   <li><a href="#3">подпункт 3</a></li> 

</ul>

.sub-menuu

{ 

   display: none ; 

} 

.main-itemm:focus ~ .sub-menuu



{ 

   display: block; 

    color:red;

}

сейчас focus на ховер поменял - безрезультатно

ниже с чекбксом хотел сделать - тоже стили не подгружаются видимо

топик на тостере