## Bug description

Sites built with Tailwind use a lot of classes like: `text-base leading-6 font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150` 

The problem is with the ones that have a colon (`:`) inside them. Simmerjs crashes with the following:

```
Failed to execute 'querySelectorAll' on 'Document': 'A.text-base.leading-6.text-gray-400.hover:text-gray-500.hover:text-white' is not a valid selector
```

... bringing down the entire toolbar.

## Expected behavior

The toolbar shouldn't crash when your page contains a CSS class with a colon in it.

https://stackoverflow.com/questions/45110893/select-elements-by-attributes-with-colon

## How to reproduce

1. Make a page with a `<button />` that has a class `with:colon`.
2. Wait for a few events to be captured or click the button yourself
3. Open the toolbar, click "heatmap" and watch it burst up in flames (and then crash)

posthog/test/test_event_model.py
from unittest.mock import call, patch
from posthog.api.test.base import BaseTest
from posthog.models import Action, ActionStep, Element, ElementGroup, Event, Person, Team
from posthog.models.event import Selector, SelectorPart
class TestFilterByActions(BaseTest):
    def test_filter_with_selectors(self):
        Person.objects.create(distinct_ids=["whatever"], team=self.team)
        event1 = Event.objects.create(
            event="$autocapture",
            team=self.team,
            distinct_id="whatever",
            elements=[
                Element(tag_name="a", href="/a-url", nth_child=1, nth_of_type=0, order=1),
                Element(tag_name="button", nth_child=0, nth_of_type=0, order=2),
                Element(tag_name="div", nth_child=0, nth_of_type=0, order=3),
                Element(tag_name="div", nth_child=0, nth_of_type=0, order=4, attr_id="nested",),
            ],