---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: js/multiparser-css/colons-after-substitutions2.js
---

# Input

```js
const Icon = styled.div`
  height: 48px;

  ${Link}:nth-child(2) {
    fill: rebeccapurple;
  }
`;

const Icon2 = styled.div`
  height: 48px;

  ${Link}:empty:before{
    fill: rebeccapurple;
  }
`;

const Icon3 = styled.div`
  height: 48px;

  ${Link}:not(:first-child) {
    fill: rebeccapurple;
  }
`;

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -9,7 +9,7 @@
 const Icon2 = styled.div`
   height: 48px;
 
-  ${Link}:empty:before {
+  ${Link}:empty:before{
     fill: rebeccapurple;
   }
 `;
```

# Output

```js
const Icon = styled.div`
  height: 48px;

  ${Link}:nth-child(2) {
    fill: rebeccapurple;
  }
`;

const Icon2 = styled.div`
  height: 48px;

  ${Link}:empty:before{
    fill: rebeccapurple;
  }
`;

const Icon3 = styled.div`
  height: 48px;

  ${Link}:not(:first-child) {
    fill: rebeccapurple;
  }
`;
```