Seleccionar el primer hijo "li" de un "ul"

[dmg_shacra_]

buenas tardes, tengo un pequeño con mi pagina web. Estoy usando html y quiero iniciar con un elemento de una lista (ul), que en este caso seria el primer hijo (li) seleccionado, tengo un arreglo dentro de cada li de fotos y al cargar el documento me aparecen todos, pero al dar click en una opcion de las li solo me muestra 6 fotos, quiero que me muestre solo la primera li seleccionada para que no me salgan todas las fotos solo esas 6 al cargar el documento. espero que alguien pueda aclarar la duda. de antemano gracias.

[Rafael]

¿Tal vez esto?

Código CSS:

li {
 display: none;}
 
li:first-child {
 display: block;}
 

En dado caso mételo dentro de un class o algo.