What is the difference between '|' and a ^ in CSS

Question

The [attribute|=value] selector is used to select elements with the specified attribute starting with the specified value.

Use this https://www.w3schools.com/css/css_attribute_selectors.asp to see the attribute selectors — Udendu Abasili, Jan 18 '21 at 15:45

score 1 · Answer 1 · answered Jan 18 '21 at 15:44

1

E[foo^="bar"] an E element whose "foo" attribute value begins exactly with the string "bar"

E[foo|="en"] an E element whose "foo" attribute has a hyphen-separated list of values beginning (from the left) with "en"

answered Jan 18 '21 at 15:44

Quentin

1 Answers1