---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: css/attribute/quotes.css
---
# Input
```css
a[id=test] {}
a[id="test"] {}
a[id='test'] {}
a[id=func("foo")] {}
a[class="(╯°□°)╯︵ ┻━┻"]{}
input:not([type="radio"]):not([type="checkbox"]) {}
input:not([type="radio"], [type="checkbox"]) {}
section:has(:not([type="radio"], [type="checkbox"])) {}
```
# Prettier differences
```diff
@@ -4,13 +4,12 @@
}
a[id="test"] {
}
-a[id=func("foo")] {
-}
+a[id=func("foo")] {}
a[class="(╯°□°)╯︵ ┻━┻"] {
}
input:not([type="radio"]):not([type="checkbox"]) {
}
input:not([type="radio"], [type="checkbox"]) {
}
-section:has(:not([type="radio"], [type="checkbox"])) {
+section:has( :not([type="radio"], [type="checkbox"])) {
}
```
# Output
```css
a[id="test"] {
}
a[id="test"] {
}
a[id="test"] {
}
a[id=func("foo")] {}
a[class="(╯°□°)╯︵ ┻━┻"] {
}
input:not([type="radio"]):not([type="checkbox"]) {
}
input:not([type="radio"], [type="checkbox"]) {
}
section:has( :not([type="radio"], [type="checkbox"])) {
}
```
# Errors
```
quotes.css:4:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
× Expected a s, a S, an i, or a I but instead found '('.
2 │ a[id="test"] {}
3 │ a[id='test'] {}
> 4 │ a[id=func("foo")] {}
│ ^
5 │ a[class="(╯°□°)╯︵ ┻━┻"]{}
6 │ input:not([type="radio"]):not([type="checkbox"]) {}
i Expected a s, a S, an i, or a I here.
2 │ a[id="test"] {}
3 │ a[id='test'] {}
> 4 │ a[id=func("foo")] {}
│ ^
5 │ a[class="(╯°□°)╯︵ ┻━┻"]{}
6 │ input:not([type="radio"]):not([type="checkbox"]) {}
quotes.css:4:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
× expected `,` but instead found `)`
2 │ a[id="test"] {}
3 │ a[id='test'] {}
> 4 │ a[id=func("foo")] {}
│ ^
5 │ a[class="(╯°□°)╯︵ ┻━┻"]{}
6 │ input:not([type="radio"]):not([type="checkbox"]) {}
i Remove )
```