Problema para diferenciar propiedades HTML, CLASS, ID (Reg Expresions)

[neodani]

Buenas,

En un código CSS como este, necesito ser capaz de separar los elementos por si son

HTML (no llevan ni punto ni # delante)
CLASS (llevan un punto delante)
ID(llevan una # delante)

Ejemplo:

Código CSS:

body#help #content ul#helpCategories {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none; }
    
#footer #footerGlobalNav ul li.first {
    border-left: none;
}
.multipleColumns #pageContent-main, #pageContent-second {
    width: 305px;
    float: left;
}
 

Me debería decir para la primera propiedad que

body#help #content ul#helpCategories {
HTML = body y ul
CLASS = no hay clases
ID = help, content y helpCategories


#footer #footerGlobalNav ul li.first {
HTML = ul y li
CLASS = first
ID = footer y footerGlobalNav


.multipleColumns #pageContent-main, #pageContent-second {
HTML = ninguna
CLASS = multipleColumns
ID = pageContent-main y pageContent-second


La expresión regular me selecciona todo lo que hay desde comienzo de linea hasta el signo {

preg_match_all("/[\.#\s\w:-]*\w[,\s+]+[:\.#\s\w:-]*\{/is",$linea,$matches)

Por lo que del resultado,

body#help #content ul#helpCategories {
#footer #footerGlobalNav ul li.first {
.multipleColumns #pageContent-main, #pageContent-second {

solo queda hacer la parte de diferenciar cuales son HTML, CLASS e ID, y no se como hacerlo de una manera que funcione para los 3 casos.

¿Se os ocurre algo?

Muchas gracias de antemano!

[neodani]

He conseguido sacar los ID y los CLASS de ese texto

// todos los ID #([:\w-]*)
// todos los CLASS \.([:\w-]*)

Pero no consigo como sacar solo los que no son ni ID ni CLASS

Debería sacar lo siguiente:

body#help #content ul#helpCategories {

body y ul

#footer #footerGlobalNav ul li.first {

ul y li

¿Alguna idea?

Muchas gracias de antemano!

[pateketrueke]

precisamente ahí es cuando sirven las capturas... ;)

en dado caso debes obtener todo el fragmento de texto,y ya después interpretarlo...
/([\.#\s\w:-]*)\w[,\s+]+[:\.#\s\w:-]*\{/

analicemos solo un caso genérico... ya que hemos capturado el fragmento de información simplemente descubrimos que tipo de relación contiene... (:

simple, comparamos usando strstr() para comprobar si existe en dicho fragmento el símbolo # ... bingo!!

[neodani]

Iniciado por pateketrueke

precisamente ahí es cuando sirven las capturas... ;)

en dado caso debes obtener todo el fragmento de texto,y ya después interpretarlo...
/([\.#\s\w:-]*)\w[,\s+]+[:\.#\s\w:-]*\{/

analicemos solo un caso genérico... ya que hemos capturado el fragmento de información simplemente descubrimos que tipo de relación contiene... (:

simple, comparamos usando strstr() para comprobar si existe en dicho fragmento el símbolo # ... bingo!!

Buenas!

Si descubrir si el fragmento tiene # o punto lo consigo pasandole otra expresión regular al fragmento para que me saque todo lo que encuentra, y lo hace bien.

// todos los ID #([:\w-]*)
// todos los CLASS \.([:\w-]*)

Solo que no se como capturar solo los trozos que no tienen # ni .
En el caso de este fragmento

#footer #footerGlobalNav ul li.first {

Debería meterme en el array de coincidencias el ul y el li

Esto es lo que aun no he conseguido

Gracias de antemano!