Ecco il mio codice:Come impostare stile in linea per l'elemento in HAML
<div class='some' style='position: absolute; left: 300; top: 300;'>..</div>
analizza solo style='position: absolute', e non analizza gli altri stili. Come posso raggiungere questo obiettivo?
Sarebbe stato utile se ci si postato il HAML si sta utilizzando, ma questo è come è fatto:
%div.some{ :style => "position: absolute; left: 300px; top: 300px;" }
Vale la pena notare che non può esserci uno spazio tra la fine dell'elemento o il nome della classe e la parentesi di apertura. – FreeAsInBeer
chiesto un caso speciale hash a: https://github.com/haml/haml/issues/787 per consentire di scrivere:
%div{ style: { display: "none", width: "50px" } }
molto simile è possibile per class: ["class1", "class2"].
Downvoting perché questa non è una risposta alla domanda. È solo una dichiarazione che hai fatto una richiesta di funzionalità per questa sintassi. – Adam
@ Adam grazie per il feedback. La mia intenzione era quella di dire: "questo problema conferma che la sintassi perfetta e più intuitiva non è possibile, anzi la sovrascriviamo". –
Certo, ho capito. Penso che avrebbe fatto un bel commento, invece di una risposta. Allo stato attuale, se un utente che stava eseguendo la scansione delle risposte non ha fatto clic sul link e ha visto il risultato della richiesta, potrebbe avere l'impressione che sia stato effettivamente implementato e stavi mostrando un esempio della nuova sintassi come soluzione, ma non è stato accettato. – Adam
Un altro approccio, oltre alla hash da Dan Cheail è tale:
%div.some(style='position: absolute; left: 300; top: 300;')
Non c'è bisogno di usare %div:
.some{ style: 'position: absolute; left: 300px; top: 300px;' }
Se siete alla ricerca CSS in linea per un'immagine:
<%= image_tag('image_name.png', style: 'height: 25px; width: 200px; position: absolute') %>
La risposta data è corretta, ma mancava un un punto più importante: non dovresti mai usare stili in linea. Definisci una classe CSS e fallo bene. –
Soluzione temporanea :) prova qualcosa e cancella tutte le modifiche. Ecco perché stavo cercando questo :) – ValeriiVasin
Che dire quando si imposta dinamicamente un'immagine di sfondo? Questo è quando uso gli stili in linea. –