title: How to write a css selector in automation testwith ::before to find a element
body: <p>How to create a css selctor for a checkbox with  :: before selector. I want to create css selector of a radio button . 
  I am using the  selector  for eg: <code>[data-model-cid="c279"]&gt;label</code> in firepath and it shows me the element.However in the test script its unable to get the element.In google console when I try to get the element by <code>$('[data-model-cid="c279"]&gt;label')</code> it is unable to fetch the element.So I think the :: before selector needs to be added in the selector to search the element. The Html is given below.How to write a selector with the :: before ?</p>
  
  <pre><code>    &lt;div class="radio" data-model-cid="c279"&gt;
        :: before
      &lt;input id="pac-item-care-plan-4 years-45924345-view261" class="js-care-plan-update" type="radio" value="45924345" name="pac-item-care-plan-view261" data-analytics-id="cpradio" data-groupid="472AB3B8BDAD4A4AA78A7CF484FFA7E4" data-offerid="F259143E766145DF8F50DF46F9EC10B7" data-action="add" checked="checked"/&gt;
      &lt;label class="no-wrap" for="pac-item-care-plan-4 years-45924345-view261"&gt;
        :: before
        4 years 
      &lt;strong&gt;(+ $39)&lt;/strong&gt;
      &lt;/label&gt;
      &lt;/div&gt;
  </code></pre>