last-child indo para todos

[numero 1]

Estou tentando tirar a borda de uma linha da lista mas não está indo.

 

Quando coloco o código ele tira de todas as linhas.

 

Aqui vai o código. O último alvo do css que é o problema, coloquei um comentário

-------

Dei uma alterada nas cores, da para enganar.

 

Se souber como resolver poste assim mesmo.

[reebr 94]

Você colocou a borda no <ul> e está tentando remover do ".blocoimpserv ul a li:last-child".

 

PS: "ul li a" e não "ul a li".

[numero 1]

Você colocou a borda no <ul> e está tentando remover do ".blocoimpserv ul a li:last-child".

 

PS: "ul li a" e não "ul a li".

 

A borda no UL está certa. Ela é o contorno.

Em cada LI tem um border-bottom. Quero remover a borda do último.

Mesmo tentando remover pela class ATIVA não da.

 

Coloquei UL A LI para que o link fique só de passar o mouse no retângulo da lista e não apenas quando passar nas palavas.

[reebr 94]

Mas...

Basta usar "display:block" no <a> e setar um tamanho. Desta forma o :hover irá acontecer quando o ponteiro entrar na área do bloco e não quando for posicionado sobre o texto. Exemplo: http://jsfiddle.net/rnxn/mhu4h/1/

 

Mas então, no seu CSS está assim:

.blocoimpserv ul a li:last-child{
    border:0px solid black
}

Você quer pegar o último <li> dentro de <a>, mas note como está o seu HTML: Só existe um <li> dentro de <a>. Pra entender um pouco melhor, veja:

<div>
    <ul>
        <a> <!-- fist child de <ul> -->
            <li></li> <!-- único filho de <a> -->
        </a>
        <a> <!-- last child de <ul> -->
            <li></li> <!-- único filho de <a> -->
        </a>
    </ul>
</div>

Então, o que você precisa pegar é o último <a>, não o <li>.

Ficando assim:

.blocoimpserv ul a:last-child li{
    border: 0px solid black
}

Isso deve resolver.

[numero 1]

Fantástico. Seu code está ótimo. Apesar de simples, gostei do estilo css, kkkk.

 

Fazendo o transplante de code :), descobri a diferença.

 

Você nem toca na LI, vai direto no <A> e da o padding por isso com o width 100% funciona.

 

Aqui eu dava o padding na tag LI, por isso não quando colocava width 100% na a não pegava na parte de cima e baixo.