I have a list like below
<ul>
<li>
<a></a>
<ul>
<li>
<a></a>
</li>
</ul>
</li>
</ul>
And I need to add an arrow using :after only if li has a ul tag inside with using only css. I have applied following css styling but problem is not solved.
ul li ul:parent:after {
border: 5px solid transparent;
border-left: 8px solid #522;
width: 0;
height: 0;
content: "";
display: inline-block;
transform: rotate(90deg);
margin-right: 5px;
}
Are there any methods for achieve this? I appreciate your help!