title: Undo pseudo element ::before and ::after rules
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/9798210/is-there-any-way-to-reset-after-before-css-rules-for-an-element">Is there any way to reset :after/:before CSS rules for an element?</a>  </p>
  </blockquote>
  
  
  
  <p>Is there a neat way to undo all ::before and ::after pseudo element rules on an element? I want to remove the arrow effect on a dropdown menu which is using Twitter bootstrap styles. Do I have to unset each rule one by one or can it be cleared any other way? E.g</p>
  
  <pre><code>.navbar .nav &gt; li &gt; .dropdown-menu::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
  }
  </code></pre>