2015-01-15 3 views
0

Я использую компоненты DevExpress. Есть примеры в виде div div.div внутри div внутри <a href> css класс

<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> или внутри дел.

я думаю, что я должен делать

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

что-то подобное. но он не работает. пожалуйста помогите.

+1

удалить точки перед именем тега в правиле CSS '.dxdvEPContainer_MetropolisBlue> DIV> Ā'. точки для классов – Hacketo

+0

спасибо за внимание, но я пробую это. не работает –

+0

У вас могут быть другие проблемы, из-за которых это не работает должным образом, но селектор, предоставленный Hacketo, является правильным. Тем не менее, вы могли бы также удалить '>', который предназначен для прямых детей, и в вашем примере это не нужно. –

ответ

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

+0

спасибо. это работает –

0

Ваш селектор CSS должен быть

.dxdvEPContainer_MetropolisBlue > div > a

Разница Div вместо .div и вместо .a

0

Дор перед тем элементом означает, что он является классом, когда вы хотите получить элемент как div, просто удалите точку.

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

Этот путь будет найти:

  • элемента с классом dxdvEPContainer_MetropolisBlue
  • ДИВ в качестве прямого потомка
  • , как прямой потомок выше DIV

Легенды:

  • дел - элемент DIV
  • .div - элемент с классом = "DIV"
  • #div - элемент с идентификатором = "DIV"
0

добавить ниже CSS

#ctl09_DvUrunler_EPContainer div a{ 
width: 760px !important; 
height:40px !important; font:16px 
!important; 
} 
Смежные вопросы