---
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
--- Prettier
+++ Biome
@@ -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 )
  

```