## 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/models/event.py
Exists,
    F,
    OuterRef,
    Prefetch,
    Q,
    QuerySet,
    Subquery,
    Value,
    signals,
)
from django.db.models.functions import TruncDay
from django.forms.models import model_to_dict
from django.utils import timezone
from psycopg2 import sql  
from posthog.constants import TREND_FILTER_TYPE_ACTIONS, TREND_FILTER_TYPE_EVENTS
from posthog.models.entity import Entity
from posthog.utils import generate_cache_key
from .action import Action
from .action_step import ActionStep
from .element import Element
from .element_group import ElementGroup
from .filter import Filter
from .person import Person, PersonDistinctId
from .team import Team
from .utils import namedtuplefetchall
attribute_regex = r"([a-zA-Z]*)\[(.*)=[\'|\"](.*)[\'|\"]\]"
LAST_UPDATED_TEAM_ACTION: Dict[int, datetime.datetime] = {}
TEAM_EVENT_ACTION_QUERY_CACHE: Dict[int, Dict[str, tuple]] = defaultdict(dict)
TEAM_ACTION_QUERY_CACHE: Dict[int, str] = {}
class SelectorPart(object):