separados por comas selectores CSS

Question

Tal vez el título de esta pregunta es ambigua, lo que realmente quieren decir es:

#footer_list li a:link, #footer_list li a:visited 
{ 
    blah balh blah 
} 

¿Hay un acceso directo para los dos elementos en CSS? para que los selectores CSS se puedan acortar

Answer 1

Sure. Si le das a cada uno sus respectivos nombres de clase/id. Pero eso es innecesario. El código que tiene es perfectamente aceptable, ya que CSS es Cascading Style Sheets, las reglas descienden esencialmente.

Answer 2

Su código está bien tal como está. He estado diseñando mis sitios con selectores como ese y no me ha molestado a mí ni a los navegadores.

Si el servidor se ejecuta Ruby y no le importa recoger una del lado del servidor "extensión" de la sintaxis CSS estándar, LESS proporciona reglas anidadas para que pueda hacer algo como esto:

#footer_list li { 
    a:link { 
     /* Styles for normal links */ 
    } 
    a:visited { 
     /* Styles for visited links */ 
    } 
} 

---

bien, no estoy seguro de lo que las diferencias que esto hará, pero estoy seguro de que va a ser tratado de manera diferente por los navegadores:

#footer_list li a { 
    /* Styles */ 
} 

A continuación, puede colocar adicional a selectores con clases o a:hover o a:active debajo de eso y funcionarán cuando corresponda.

Answer 3

¿Tiene enlaces dentro de #footer_list que no están dentro de li elementos? ¿Tiene alguna otra lista dentro de su pie de página?

Te estoy imaginando tienen algo como esto en su margen de beneficio:

<div id="footer"> 
    <p>&copy; me 2010</p> 
    <ul id="footer_list"> 
     <li><a href="/home">Home</a></li> 
     <li><a href="/contact">Contact</a></li> 
     <li>.... 
    </ul> 
    <p>Some other text...</p> 
</div> 

En este caso, la regla sólo necesita:

#footer a:link, #footer a:visited 

Si lo hace (o podría más adelante) tienen enlaces fuera el ul que desea diseñar de forma diferente, puede hacer:

#footer_list a:link, #footer_list a:visited