Encontrar o URL e alterar o style do href

[carcleo 4]

Boas,

Tenho o seguinte php:

$paginaCorrente = parse_url($_SERVER['REQUEST_URI'], PHP_URL_QUERY);

e o seguinte HTML

<ul class="menu">
    <li><a href="?l1">Link 1</a></li>
    <li><a href="?l2">Link 2</a></li>
    <li><a href="?l3">Link 3</a></li>
    <li><a href="?l4">Link 4</a></li>
  </ul>

E o seguinte JS

    $(document).find( "ul.menu a[href='<?php echo "?".$paginaCorrente ?>']" ).addClass( 'linkVisitado' );

Isso permite eu encontrar os parâmetros da url e saber qual item de menu vou marcar.

Atualmente estou fazendo com JQuery.

Gostaria de saber se há como fazer uma condicional em CSS de forma que consiga varrer o url e comparar com o href do elemento a. Encontrando, altera o seu estilo. Na verdade adiciona Class='linkVisitado' a esse href.

Tentei das formas abaixo mas não funcionou.

ul.menu li a {    

  @if (ul.menu li a:href='?l1') background-color: rgb(0,0,0);
  @if ul.menu li a[href='?l1'] { background-color: rgb(0,0,0)};

}

 

Edited September 27, 2017 by carcleo

[JakeBass 12]

Existe o pseudo-seletor :first-child

ul.menu li:first-child a {

	background-color: rgb(0,0,0);

}

 

[N3lson 18]

Usa o data() do jquery

no link adiciona o data-xx(valorpretendido)

e no jquery o $.selector.data("xx")

ex:

<li><a href="?l1" data-xx="l1">Link 1</a></li>

var xx = $(".menu > li").data("xx");

if(xx == ??){ .... }

https://api.jquery.com/data/

Edited October 3, 2017 by N3lson