의사 요소 수정 및 wilcard 선택

Question

유사 요소 스타일을 가진 와일드 카드 요소를 수정할 수 있는지 확실하지 않습니다. 짜증나는 패딩을 없애려고 노력하고 있지만 운이별로 없습니다. 어떤 도움을 주시면 감사하겠습니다.

다음은 렌더링 된 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> 

I 수정할 "후"로 증명 CSS 의사 요소 조금 어려운 .. 그것은 실제 요소가 아닌 이후 기술적으로 가능조차 확실 경우? 여기

는

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

또한 이것은 나를 위해 작동이

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

이

:after { padding:0px !important;} 

Answer 1

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

을 시도 내가 지금까지 시도한 것입니다. 나는 demo here을 만들었습니다. "성가신 패딩"은 다른 이유로 인해 발생한다고 생각합니다. CSS를 제공 할 수 있습니까?