Parsear hoja de estilo con expresiones regulares

[neodani]

Iniciado por neodani

Buenas,

Tengo un problema con una expresión.

Si tienes el siguiente fragmento, y quieres sacar solo las propiedades que coincidan literalmente con #login

Código CSS:

#login form .submit input:hover {
background-color: #9ACBEF;
border-color: #328AB2;
color: #FFF; }
 
h1 #prueba, h2 #login {border:0px;
color:red;
}
 
#login_error {
    background-color: #FFEBE8;
    border-color: #CC0000;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 13px 8px;
    padding: 8px; }
 
#user_pass, #user_login {font-size: 20px;
    margin-right: 6px;
    padding: 3px;
    width: 97%; }
 

Debería sacar la primera

#login form .submit input:hover {
background-color: #9ACBEF;
border-color: #328AB2;
color: #FFF; }

Y la segunda, incluso el h2 ya que pertenece a #login
h2 #login {border:0px;
color:red;
}

Las otras contienen la palabra #login pero no son válidas.

Cómo lo haríais?

Yo lo he intentado así, pero pilla el #login_error, no he conseguido decirle que no lo coja a pesar de tener la palabra #login. Tampoco el h2 he podido extraerlo sin perder el resto de la expresión regular.

Así me pilla el h2 pero solo ese.

Código PHP:

preg_match_all("/([\,\w]+[\s]*#login\s*[^\}]*\{[^}]*\})/is",$css,$matches);
 

Asi me coge el #login_error y no muestra el h2

Código PHP:

preg_match_all("/([\,\w]*#login\s*[^\}]*\{[^}]*\})/is",$css,$matches);
 

Código:

#login form .submit input:hover {
background-color: #9ACBEF;
border-color: #328AB2;
color: #FFF; }

#login {border:0px;
color:red;
}

#login_error {
	background-color: #FFEBE8;
	border-color: #CC0000;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 13px 8px;
	padding: 8px; }

Muchas gracias de antemano!

SOLUCIONADO cambiando la expresión regular por

Código PHP:

preg_match_all("/[\.#\s\w:-]*\#login\s+[\.#\s\w:-]*\{[^\}]*\}/is",$css,$matches);
 

Sin embargo, hay otro fallo

Al seleccionar el estilo #user_pass no se de que forma seleccionarlo, sin que me deje de funcionar la funciones que tiene ahora.

Porque si hago una así, funciona para este caso pero no para #login

Código:

[\.#\s\w:-]*\#user_pass[,]\s+[\.#\s\w:-]*\{[^\}]*\}

Código CSS:

#login {
    margin: 7em auto;
    width: 350px; }
 
/* Tamaño de las casillas USER Y PASS */
#user_pass, #user_login {
    font-size: 20px;
    margin-right: 6px;
    padding: 3px;
    width: 97%; }
 
/* Color texto input */
#login form input { color: #555555; }
 
/* Color de fondo LOGIN (azul claro) */
.login form { background-color: #eee; }
 

Muchas gracias de antemano!