Updated CSS Selector help (markdown)

CSS-Selector-help.md

@@ -1,15 +1,17 @@
-Using Chrome, simply **right-click** on the element you want to 'watch', then select ***inspect***, you will then get the inspector window open.
 
 
 What is a CSS Selector? Please read https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors
 
-**right-click** again on the HTML element source (the HTML code of the element you right-clicked on in the previous step will be selected alright), then you'll see another menu where you can copy the element selector to the clipboard.
+In the CSS Selector Filter field, you enter the **selector** not the HTML
 
+So for example if the HTML is
 
-For example - I want to get the selector for the "currently unavailable" text of an amazon product page
+```html
+<div class="points">
+  <span id="interesting">
+  57 points
+  </span>
+</div>
+```
 
-![](https://lemonade.changedetection.io/assets/examples/docs/selector.png)
-
-Then simply paste in the selector to the filter box in changedetection.io
-
-![](https://lemonade.changedetection.io/assets/examples/docs/add-filter.png)
+the selector would be `.points #interesting`