html - How do I select :before and :after of an element (not its content)? -

normally, :before , :after this

.foo:before {  }  .foo:after {  } 

result:

<div class="foo"> :before <div class="somecontent"></div> :after </div> 

is possible select following :before , :after .foo?

:before <div class="foo"> </div> :after <div class="bar"> </div> 

:before , :after doesn't select elements, creates new ones , inserts them before or after no not possible.

you cannot traverse upwards in hierarki css selector never aware of parent element.