title: Access the css ":after" selector with jQuery
body: <p>I have the following css:</p>
  
  <pre><code>.pageMenu .active::after {
      content: '';
      margin-top: -6px;
      display: inline-block;
      width: 0px;
      height: 0px;
      border-top: 14px solid white;
      border-left: 14px solid transparent;
      border-bottom: 14px solid white;
      position: absolute;
      right: 0;
  }
  </code></pre>
  
  <p>I'd like to change the border-width of the top, left, and bottom border using jQuery. What selector to I use to access this element? I tried the following but it doesn't seem to be working.</p>
  
  <pre><code>$('.pageMenu .active:after').css(
          {
              'border-top-width': '22px',
              'border-left-width': '22px',
              'border-right-width': '22px'
          }
      )
  </code></pre>