@charset "UTF-8"; /* @charset must always have double quotes: https://www.w3.org/TR/css-syntax-3/#determine-the-fallback-encoding */ /* Also, it has to be the very first thing in the file, but here are some more tests anyway: */ @charset 'UTF-8'; /* Single quotes are invalid here. Keep them since we don't know what the user is doing. */ @supports (content: one "two" three 'four') { a[href="foo" y], abbr[title^='It\'s a trap!'], img[src=""] { /* Simple strings. */ content: "abc"; content: 'abc'; /* Escape. */ content: '\A'; /* Emoji. */ content: '🐶'; /* Empty string. */ content: ""; content: ''; /* Single double quote. */ content: "\""; content: '"'; /* Single single quote. */ content: "'"; content: '\''; /* One of each. */ content: "\"'"; content: '"\''; /* One of each with unnecessary escapes. */ content: "\"\'"; content: '\"\''; /* More double quotes than single quotes. */ content: "\"'\""; content: '"\'"'; /* More single quotes than double quotes. */ content: "\"''"; content: '"\'\''; /* Two of each. */ content: "\"\"''"; content: '""\'\''; /* Single backslash. */ content: '\\'; content: "\\"; /* Backslases. */ content: "\"\\\"\\\\\" '\'\\'\\\'\\\\'"; content: '\'\\\'\\\\\' "\"\\"\\\"\\\\"'; /* Somewhat more real-word example. */ content: "He's sayin': \"How's it goin'?\" Don't ask me why."; content: 'He\'s sayin\': "How\'s it goin\'?" Don\'t ask me why.'; /* Somewhat more real-word example 2. */ content: "var backslash = \"\\\", doubleQuote = '\"';"; content: 'var backslash = "\\", doubleQuote = \'"\';'; /* Leave all "escapes" alone. */ content: "\Abc4 foo \n" /* "comment" */ "\end"; content: '\Abc4 foo \n' /* 'comment' */ '\end'; } } @import "file.css"; @import 'file.css'; @import url("foo.css"); @import url('foo.css'); @import "foo.css" screen and (orientation: landscape); @import 'foo.css' screen and (orientation: landscape); @foo "one"; @foo 'one'; @foo "one" two 'three'; @foo ("one"); @foo ('one'); @foo ("one" two 'three'); one "two" three {} one 'two' three {}