Question: I'm simply trying to run some of the tests in the example folder under Integration and it will not run on Chrome. Runs on Electron and Edge but refuses to run on Chrome and throwing the attached error after unsuccessfully trying.

My version of Chrome is Version 86.0.4240.111 (Official Build) (64-bit)

Current Cypress version is - cypress": "^5.5.0

[![Error launching browser](https://i.stack.imgur.com/9poyM.png)](https://i.stack.imgur.com/9poyM.png)

Answer: 
Since you would like to reset the counter only when `.reset` class applied, so just remove the `counter-reset: num;` in `body` will do :)
What's happening is that for each level you get a new counter called num when you 'declare it' with some CSS. As body is a higher level than all the divs a new num is created when you 'declare it' in the divs level - you are not seeing the body level's one, you've created a new counter called num when you do a counter reset in the divs level.

So if you did:

```css
body {
  counter-reset: num ;
}
.number {
  counter-increment: num;
}
.number::before {
  content: counters(num, ' - ');
}
.reset {
  counter-reset: num ;
}
```

```html
<body class="number"><div class="number">-</div>
<div class="number">-</div>
<div class="number">-</div>
<div class="number reset"> Reset</div>
<div class="number">-</div>
<div class="number">-</div>
<div class="number">-</div>
</body>
```

you'll see a new counter is created when you reset num in the div. This helps when you want to number sections and paragraphs in a text for example - you have several levels going at once.