Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have several NAV Bars. Each NAV Bar is of the pattern;
a | a
such that where the literal “|” occurs, it’s always has a sibling a on the left.
where a is an html anchor element and “|” is a literal separator of interest.
What css can I use to capture that literal “|”? The idea is that I want to set it display:None for print media.
Thanks for any help.
CSS selects html elements. | is not an html element, it’s a text node, you can’t access it. However, you can probably use background images on the anchors instead, and make them the divider. That or wrap spans around the divider and target them.
or
I didn’t mention borders because they would rely on the height of the element being applied to and assumed you wanted more control, more customized but you could of course use those.