Come posso dividere i blocchi di codice in un elenco?

Question

Voglio dividere il contenuto di un file CSS in blocchi di codice e inserire ogni blocco di codice in un elenco usando Python 3.5.

Quindi, dato questo CSS:

h1 {color: #333, background-color: transparent} 
h2 { 
    font-weight:300 
} 
h3 
{ 
    font-weight: 200 
} 

possiamo dire chiaramente che esso ha più stili e/o tipi di indentazione significato della CSS deve essere riordinato per ottenere questo:

h1 { 
    color: #333,background-color: transparent; 
} 

h2 { 
    font-weight: 300; 
} 

h3 { 
    font-weight: 200; 
} 

Come posso usare Python per leggere una stringa ordinata di CSS e spingere ogni blocco di codice al suo interno in una lista Python come questa:

styles = [ 
    "h1 {\n color: #333,background-color: transparent;\n}", 
    "h2 {\n font-weight: 300;\n}", 
    "h3 {\n font-weight: 200;\n}" 
] 

Vorrei anche sottolineare che RegExp non è proprio il mio forte e non sono del tutto sicuro di cosa usare RegEx, ma stavo pensando che potrei usare RegExp [].split(...); insieme per raggiungere questo obiettivo.

Probabilmente utilizzare anche RegExp per eliminare la necessità di riordinare il foglio di stile prima di dividere i blocchi di codice.

NOTA: ho controllato questa domanda this ma sfortunatamente non è stato di aiuto.

Answer 1

Questa implementazione viene eseguita utilizzando tinycss, un semplice python puro css parser.

Questo funziona su disordinato css. Finché è legale.

import tinycss 
from collections import defaultdict 

parser = tinycss.make_parser('page3') 
# use parse_stylesheet_files to read from a file. 
stylesheet = parser.parse_stylesheet("""h1 {color: #333; background-color: transparent} 
     h2 { 
       font-weight:300 
     } 
     h3 
     { 
       font-weight: 200 
     } 
     h1{ 
     padding: 0px;} 
     """) 

# Initialize to empty list if key does not exists 
# This allows to group multiple blocks with same selectors 
temp = defaultdict(list) 

for rule in stylesheet.rules: 
    for dec in rule.declarations: 
     temp[rule.selector.as_css()].append((dec.name, dec.value.as_css())) 

print(temp) 

uscita:

defaultdict(<class 'list'>, 
      {'h1': [('color', '#333'), 
        ('background-color', 'transparent'), 
        ('padding', '0px')], 
      'h2': [('font-weight', '300')], 
      'h3': [('font-weight', '200')]}) 

vedere come i diversi h1 blocchi ricevuti bastonati in un unico elenco. Non sono estremamente consapevole delle complessità del CSS, ma è facile evitare che ciò accada.

Questo è molto più flessibile in quanto copre TUTTI casi limite, lavora con selettori, CSS2, CSS3 e, a differenza di una soluzione con le espressioni regolari.

Nota: ho inserito tutto in un dizionario, ma è possibile inserirlo facilmente come elenco. Fammi sapere se vuoi qualcosa con liste pure, ma dovrebbe essere relativamente banale se capisci cosa sto facendo.

Answer 2

È possibile raggiungere questo obiettivo con un semplice file di lettura e sostituzione:

styles = [] 
with open('file.css') as file: 
    style = [] 
    for line in file.readlines(): 
     # If line is empty 
     if not line.strip(): 
      # If a block is non-empty 
      if style: 
       styles.append("".join(style)) 
       style = [] 
     else: 
      # Add to the current block 
      style.append(line) 
    styles.append("".join(style)) 

uscita:

>>> for s in styles: s 
h1 {\n color: #333,background-color: transparent;\n}\n 
h2 {\n font-weight: 300;\n}\n 
h3 {\n font-weight: 200;\n}\n