Hello - this is my first post. I’m having trouble with some css someone else wrote but I must fix and this is not my profession. There are a series of errors involving all css using “>” and one example is pasted below. I’ve never seen the > before today and after hours of reading can’t figure this out. I linted the css and I get "Expected LBRACE, Unexpected token descriptions. I would so appreciate an explanation describing this better and how this is incorrect. And here is the problematic css:
What you’ve done here is a neat illustration of the problem. This is the code you posted, put inside backticks so that the forum software renders the exact characters used:
The code you’ve posted, as @sorinr has said, looks fine. But the browser, like every browser, is converting > to >. >: is the entity code used for a greater than symbol.
Read here:
There are lots of references, just Google “HTML entity codes”, here’s one:
Thank you. I wonder why when I put this code into csslint.com it is full of errors. I’m troubleshooting a website that has issues and I’ve never linted before but thought it might help. Every line that uses the greater than is problematic.
Ok, me again. I just now am understanding (I think!) what both you and Dan are explaining. I pasted your code into csslint.com and it has no errors. So the greater than symbol is what ought to be in the code but what I cut and pasted from the faulty wordpress site I’m working on showed > instead — is that accurate?