2012-10-17 4 views
8

Con ul>li*3 raggiungoCome per mettere il testo nelle linguette - Zen Coding

  <ul> 
       <li></li> 
       <li></li> 
       <li></li> 
      </ul> 

ma quello che voglio è qualcosa di simile:

  <ul> 
       <li>Value</li> 
       <li>Value</li> 
       <li>Value</li> 
      </ul> 

Come posso fare utilizzando Zen Coding? E un'altra cosa - posso elencare diversi valori in modo che diventi in questo modo:

  <ul> 
       <li>Value</li> 
       <li>Another Value</li> 
       <li>Last Value</li> 
      </ul> 

risposta

21

È possibile utilizzare questa abbreviazione per il primo caso: ul>li{Value}*3 - è possibile utilizzare le parentesi graffe per l'inserimento del testo in elementi.

Tuttavia, per fare il secondo caso si può fare solo questo: ul>li{Value}+li{Another Value}+li{Last Value}, al momento non c'è modo di elencare solo i valori per più elementi.

Tuttavia, se l'unica cosa che sarebbe diverso è un numero (come nell'esempio Joonas'), è ancora possibile ottenere facilmente: ul>li{Line $}*3 - è possibile utilizzare $ negli attributi o nodi di testo di abbreviazioni quando si utilizzano i moltiplicatori e si trasformerebbe nel contatore dell'elemento.

+0

Grazie mille! Questo è esattamente ciò di cui ho bisogno! – Faery

2

io non sono sicuro di sapere esattamente quello che vuoi dire, ma si può scrivere:

Line 1 
Line 2 
Line 3 

.. .e dopo che, si deve prima selezionare queste righe e quindi utilizzare 'avvolgere con sigla' con questo zencode: ul>li*, che produrrà questo:

<ul> 
    <li>Line 1</li> 
    <li>Line 2</li> 
    <li>Line 3</li> 
</ul> 

Zen wiki codifica:

http://code.google.com/p/zen-coding/wiki/Actions#Wrap_with_Abbreviation

Problemi correlati