2016-06-03 4 views
2

Я не уверен, что можно изменить элемент wild card, который также имеет стиль псевдоэлемента. Я пытаюсь удалить раздражающий бит дополнений, но мне не повезло. Любая помощь будет оценена по достоинству.Изменение псевдоэлемента и выбор wilcard

Вот рендеринг HTML.

<div class="row"> 
    <div class="span6"> 
     <div id="parent-1"> 
      ::before 
      <div id="child-1"> 
       <a class="link"> 
        <img src="/picture.jpg" alt=""> 
        <div class="hint"> 
         <span class="hint-message">Hint Text</span> 
        </div> 
       </a> 
      </div> 
      ::after 
     </div> 
</div> 
<div class="row"> 
    <div class="span6"> 
     <div id="parent-2"> 
      ::before 
      <div id="child-2"> 
       <a class="link"> 
        <img src="/picture.jpg" alt=""> 
        <div class="hint"> 
         <span class="hint-message">Hint Text</span> 
        </div> 
       </a> 
      </div> 
      ::after 
     </div> 
</div> 

Я хочу изменить «: после того, как» CSS псевдо-элемента, который на поверку оказывается немного сложно .. даже не уверен, если это технически возможно, так как это не реальный элемент?

Вот что я пытался до сих пор

div[id^="child-"]:after{ padding:0px !important;} 

также попытался это

#child-*:after{ padding:0px !important;} 

и это

:after { padding:0px !important;} 
+0

Вы можете создать скрипку с этим? я думаю, это должно сработать, в то время как псевдо-элементы не являются элементами DOM, это означает, что вы не можете программно их использовать с функциями DOM или изменять их, но со стилями (даже создавая их динамически) у меня никогда не было проблемы. – rupps

ответ

1
div[id^="child-"]:after{ padding:0px !important;} 

Это работает для меня. Я создал demo here. Я думаю, что «раздражающая прокладка» вызвана другими причинами. Не могли бы вы предоставить css?

+0

Спасибо, вы были правы, что это было вызвано еще одним стилем правила далее в CSS. Рад узнать, что я не схожу с ума, и моя первая мысль была правильной. – TheSnooker

Смежные вопросы