Parent Selector For Zen-coding

I just discovered zen-coding. I have the following snippet of code I want to generate.

Solution 1:

This works for me with ZenCoding for Notepad++

div#base>(div#header>div#logo)+div#body+div#footer

Solution 2:

addition to Jonathon Bolster's answer:

other trick for climb up parent tag / tree:

• you can using operator

circumflex accent:^

from emmet ( successor of zencoding )

source: http://docs.emmet.io/cheat-sheet/

• or you can using

less than symbol:<

from sparkup ( fork of zencoding )

source: https://github.com/rstacruz/sparkup

Share