div里面div里面<a href>cssclass

Question

我正在使用 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.

写 class

我觉得我应该做

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

类似的东西。但它不工作。请帮助我。

Answer 1

您的 CSS 选择器应该是

.dxdvEPContainer_MetropolisBlue > div > a

不同之处在于 div 而不是 .div 和 a 而不是 .a

Answer 2

元素前的Dor表示它是一个class，当你想得到像div这样的元素时，把点去掉即可。

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

这条路径会找到：

元素 class dxdvEPContainer_MetropolisBlue
div 作为直系子女
a 作为以上 div

图例：

div - 元素 div
.div - class="div"
#div - id="div"

Answer 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

Answer 4

在下方添加css

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

div里面div里面<a href>cssclass

div inside div inside <a href> css class

html

css

href