[Resolvido] Manter o primeiro elemento ser espaço

[Patrique 0]

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;
}
#redes-sociais ul#ul-sociais li {
  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 Bruno 1501]

Eu terei que criar um novo class e colocar nesse li

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 {
margin-left: 0;
}

[Patrique 0]

William, mais qual é o mais indicado?

[William Bruno 1501]

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

[Patrique 0]

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: