1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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,998
    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