Loading...

Във форума е въведено ограничение, което позволява на потребителите единствено да разглеждат публикуваните въпроси.

fencho avatar fencho 35 Точки

CSS Presentation and Positioning - Оцветяване само на пределен хиперлинк в ul

Здравейте,

Съществува ли възможност едновременно в няколко <ul> да задам хиперлинка във всяко първо <li> да се визуализира с примерно бял , а останалите <li> да са в друг цвят. Идеята да не слагам class всяко първо <li> от списъка. ( li с Големите букви)

Опитваха с li:first-child но там като дам color  и сменя цвета на точката ако не съм я забранил.
Ето ги  HTML и  CSS:
<!DOCTYPE html>

  <html lang="en">

  <head>

    <meta charset="UTF-8">

    <title>Social Media</title>

    <link rel="stylesheet" href="Social Media1.css">

  </head>

  <body>
  <div>
    <ul>

        <li><a href="">my account</a></li>

        <li><a href="">orders</a></li>

        <li><a href="">profile details</a></li>

    </ul>

  </div>
  <div>

    <ul>

        <li><a href="">extras</a></li>

        <li><a href="">about us</a></li>

        <li><a href="">contact us</a></li>

        <li><a href="">gift certificates</a></li>

    </ul>

  </div>
  <div>

    <ul>

        <li><a href="">customers service</a></li>

        <li><a href="">about your order</a></li>

        <li><a href="">wish list</a></li>

        <li><a href="">compare list</a></li>

    </ul>
  </div>
  <div>

    <ul>

        <li><a href="">customers service</a></li>

        <li><a href="">about your order</a></li>

    </ul>

  </div>

  

  </body>

  </html>

 

* {
    margin: 0;

    padding: 0;

}

  

  body {

    background: #292929;
}

  a {

    text-decoration: none;

    color: #B0B59F;

}
  div {

    float: left;

    font-size: 1.3rem;

    margin: 20px 20px;

    font-family: serif;

    list-style-type: none;

}
  li {

    text-transform: capitalize;

    list-style-type: none;
}


  li:first-child {

    text-transform: uppercase;

    margin-bottom: 20px;

    font-weight: bold;

}

  

  

  

 

 

Тагове:
0
Web Basics 10/06/2017 18:55:22
fencho avatar fencho 35 Точки

Благодаря за отговора, пропуснал съм да сложа "а" след  "ul li:first-child"

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.