div里面的div <a href=""> css class</a>

时间:2015-01-15 08:21:48

标签: html css href

我正在使用DevExpress组件。 有div div形式的例子。

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

我必须这样做

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

但是我不能为<a href>或div里面写课。

我想我应该做

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

这样的事情。但它不起作用。请帮帮我。

4 个答案:

答案 0 :(得分:3)

您必须删除这些点并添加display:inline-block

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

inline-block允许您设置内联元素的大小。 此外,font属性不存在,请将其替换为font-size

答案 1 :(得分:0)

你的CSS选择器应该是

&#13;
&#13;
.dxdvEPContainer_MetropolisBlue > div > a 
&#13;
&#13;
&#13;

差异是div而不是.div而不是.a

答案 2 :(得分:0)

Dor之前元素意味着它是一个类,当你想获得像div这样的元素时,只需删除点。

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

此路径将找到:

  • 具有类dxdvEPContainer_MetropolisBlue
  • 的元素
  • div as direct child
  • a作为上述div的直接孩子

图例:

  • div - element div
  • .div - class =&#34; div&#34;
  • 的元素
  • #div - id =&#34; div&#34;
  • 的元素

答案 3 :(得分:0)

添加以下css

#ctl09_DvUrunler_EPContainer div a{ 
 width: 760px !important; 
 height:40px !important; font:16px 
 !important;
}