Why is there an arrow at the end of this line

Discussion in 'HTML & Website Design' started by tyankee, Mar 21, 2018.

  1. #1
    Why is there an arrow at the end of this line on https://icdd.idaho.gov/

    Social Security Income and Working: Animated Video Series - Idaho Department of Labor

    This is the last item in an unordered list and the code is structured the same as all the other list items.

    when i look at the code through "inspector", it shows an ::äfter statement even though that statement is NOT in the coding.
     
    tyankee, Mar 21, 2018 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    See:
    
    #content a:not([href*=".gov"]):not([href^="#"]):not([href^="tel:"]):not(.no-icon-link)::after {
      content: "";
      display: inline;
      font-family: Glyphicons !important;
      font-size: 0.9em;
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      margin-left: 3px;
      position: relative !important;
      top: 0;
    }
    Code (markup):
    gary
     
    kk5st, Mar 21, 2018 IP
  3. tyankee

    tyankee Well-Known Member

    Messages:
    1,023
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    150
    #3
    Yes i see that is where it is getting it from but there is no class in the html coding called ::after

    Here is the actual wordpress code:
    
    <h2>Hot Topics &amp; Upcoming Events</h2>
    <ul>
       <li><strong><a href="http://icdd.idaho.gov/pdf/ICDD-2017-Annual-Report.pdf" target="_blank" rel="noopener">Community NOW Report 2017</a></strong></li>
       <li><strong><a href="http://icdd.idaho.gov/2018/01/01/new-idaho-health-care-plan-expands-vision/" target="_blank" rel="noopener">New Idaho Health Care Plan expands vision</a></strong></li>
       <li><strong><a href="http://www.mychoicematters.idaho.gov" target="_blank" rel="noopener">My Choice Matters Website </a></strong></li>
       <li><strong><a href="http://labor.idaho.gov/dnn/idl/JobSeekers/AbleToWork.aspx" target="_blank" rel="noopener">Able to Work Website</a></strong></li>
       <li><strong><a href="http://icdd.idaho.gov/pdf/ICDD 2017 Annual Report FINAL.pdf" target="_blank" rel="noopener"><strong>ICDD 2017 Annual Report</strong></a></strong></li>
       <li><strong><a href="http://icdd.idaho.gov/pdf/IdahoCoreGiftBooklet2018Finalplus.pdf" target="_blank" rel="noopener">NEW Idaho Core Gift Booklet</a></strong></li>
       <li><strong><a href="https://www.youtube.com/user/IdahoDeptofLabor" target="_blank" rel="noopener">Social Security Income and Working: Animated Video Series - Idaho Department of Labor</a>
    </strong></li>
    </ul>
    
    Code (markup):
     
    tyankee, Mar 21, 2018 IP
  4. tyankee

    tyankee Well-Known Member

    Messages:
    1,023
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    150
    #4
    Woops, i just saw why. thanks..
     
    tyankee, Mar 21, 2018 IP
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    That's because ::after is not a class. It's a pseudoselector. like :hover, :visited, :last-child, etc.

    https://developer.mozilla.org/en-US/docs/Web/CSS/::after
     
    deathshadow, Mar 22, 2018 IP