Modify CSS of element with no class or id by element parent's selector

Question

<span class="avia-menu-text"><img src="data:image/png;base64,etc..." title="ESP (es_ES)" alt="ESP"></span>

I have a base64 image in a Wordpress theme (a language flag) that is rectangular and I want to make it circular. I can't locate the origin of the base64 image so I can't modify the data. The parent has a class name, but the image does not.

In CSS I have tried

img<.avia-menu-text{ border-radius:100% }

Any suggestions - ideally using only CSS and definitely without JQuery?

Is it working when you add that style inline ? – Sanish Joseph Nov 04 '16 at 10:18 — Sanish Joseph, Nov 04 '16 at 10:18
@BoltClock the question is wrong, it's not a duplicate – Alexis Nov 04 '16 at 10:18 — Alexis, Nov 04 '16 at 10:18

score 1 · Accepted Answer · answered Nov 04 '16 at 10:17

1

You have inverse your selector.

try

.avia-menu-text img{
border-radius:50px;
}

answered Nov 04 '16 at 10:17

Alexis

5,681
1
27
44

Many thanks, that worked well. I'll accept when it lets me – grateful Nov 04 '16 at 10:19
@grateful You're welcome – Alexis Nov 04 '16 at 10:20

Modify CSS of element with no class or id by element parent's selector

1 Answers1