The greater sign ( > ) selector in CSS means that the selector on the right is a direct descendant / child of whatever is on the left. An example: ... Means only style a paragraph that comes after an article.
So is this @ symbol something new in CSS3, or something old that I've somehow overlooked? Is this something like where with an ID you use #, and with a class you use .? Google didn't give me any good articles related to this. What is the purpose of the @ symbol in CSS?
What is the purpose of the '@' symbol in CSS? - Stack Overflow
The CSS that you referenced is very useful to a web-designer for debugging page layout problems. I often drop it into the page temporarily so I can see the size of all the page elements and track down, for example, the one that has too much padding which is nudging other elements out of place.
What does an asterisk (*) do in a CSS selector? - Stack Overflow
In CSS what is the difference between "." and - Stack Overflow
In the following CSS taken from Twitter Bootstrap what does the ampersand (&) character mean?
WebKit is a HTML/CSS web browser rendering engine for Safari/Chrome. Are there such engines for IE/Opera/Firefox and what are the differences, pros and cons of using one over the other? Can I use WebKit features in Firefox for example? The ultimate question... Is WebKit supported by IE? Update 2 All of the major browsers use different rendering ...
What is WebKit and how is it related to CSS? - Stack Overflow