div inside div inside <a href> css class

Question

I'm using DevExpress components. There are examples in the form of a div div.

<div id="ctl09_DvUrunler_EPContainer" class="dxdvEPContainer_MetropolisBlue">
    <div>
        <a href="javascript:void(0)" onclick="aspxDVEPClick('ctl09_DvUrunler')"></a>
    </div>
</div>

  I must do

<a style="width:100px; etc.." href="javascript:void(0)" onclick="aspxDVEPClick('ctl09_DvUrunler')"></a>

but i can't write class for <a href> or inside div.

i think i should do

.dxdvEPContainer_MetropolisBlue > .div > .a { width: 760px !important; height:40px !important; font:16px !important; }

something like that. but it's not working. please help me.

Answer 1

You have to remove the dots and add a display:inline-block

.dxdvEPContainer_MetropolisBlue > div > a {
    width: 760px !important;
    height:40px !important;
    font-size:16px !important;
    display:inline-block;
}

the inline-block allow you to set a size for an inline element. Also font property does not exist, replace it with font-size