estilo css por elemento

[pdominguez0608]

Buenas,

vuelvo a la carga con worpress, woocommerce y los estilos CSS.
tengo :

Código PHP:

  <?php // matriz de colores 
 
$colors = array('#ff0000','#00ff00','#0000ff','#ff00ff','#ffff00','#00ffff', '#FFA500'); 
 
// seleccionamos aleatoriamente un elemento de la matriz 
 
$color_key = array_rand($colors, 1); 
 
$color = $colors[$color_key];?> 
<style> 
.woocommerce ul.products li.product h3 { 
    border-left: 15px solid <?php printf($color); ?> !important; 
    }         
</style>  

en archive-product.php
con lo que pongo un color de borde aleatorio, dentro de los seleccionados en el array, a la presentación de los elementos en la tienda.(categorías, sub-categorías y productos)
pero se aplica a todos los elementos que se cargan cada vez.

lo que quería conseguir, es que sea aleatorio pero para cada uno de los elementos que se cargan, osea, cada categoría, sub-categoría o elemento de la misma pagina cargada que tenga el borde diferente.
¿donde puedo aplicar el estilo para conseguirlo?

gracias de antemano.

[ArturoGallegos]

Se mas especifico en tus selectores CSS

Código CSS:

.woocommerce ul.products li.product h3{}
 

si tu das una instrucción general es normal que se reaccione de forma general.