Question

Possible Duplicate:
Is there any way to reset :after/:before CSS rules for an element?

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

.navbar .nav > li > .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: '';
}

Answer 1

http://jsfiddle.net/LQTmF/

<selector>:after{
    content:none;
}