Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala ai pessoal, estou começando aqui em tableless, por isso estou tendo dúvidas e conto com a ajuda dos colegas.
To com o seguinte code
<style>
#redes-sociais ul#ul-sociais {
list-style:none;
margin:0;
padding:0;
} float:left;
margin-left:6px;
}
</style>
<div id="redes-sociais">
<ul id="ul-sociais">
<li><a href="/#/rss"><img src="images/redes-sociais/rss.png" /></a></li>
<li><a href="/#/orkut"><img src="images/redes-sociais/orkut.png" /></a></li>
<li><a href="/#/twitter"><img src="images/redes-sociais/twitter.png" /></a></li>
<li><a href="/#/flicker"><img src="images/redes-sociais/flicker.png" /></a></li>
<li><a href="/#/facebook"><img src="images/redes-sociais/facebook.png" /></a></li>
</ul>
</div>Porém eu gostaria que o primeiro elemento no caso o li do RSS não desse o espaço lateral de 6px que eu especifiquei no margin left.
Eu terei que criar um novo class e colocar nesse li, ou existe algum macete para não colocar espaço apenas no primeiro.
Valew e desde já agradeço.
Obrigado.
William, mais qual é o mais indicado?
Depende de você.
o seletor ali que usei, por exemplo, não funciona no ie6
você vai desenvolver para 'quais browsers' ?
essa forma 'suja', de escrever um seletor:
#id_pai #outro_id_filho elemento
não me agrada, e vai lhe custar meio caro
-> manutenção
-> perder um pouco do efeito cascata
Vou fazer para os browsers atuais, ie6 ta fora, então vou utilizar desta sua maneira, uma vez que será raro as vezes que terei que aplicar desta forma.
Valew, tópico resolvido.
Muito Obrigado :joia:
a forma mais crossbroser de fazer é esta mesmo.
>
ou existe algum macete para não colocar espaço apenas no primeiro.
se você puder usar seletores css avançados:
#redes-sociais ul#ul-sociais li:first-child {