From the course: Emmet: Fast and Efficient Web Coding
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Navigating the document tree
From the course: Emmet: Fast and Efficient Web Coding
Navigating the document tree
- [Instructor] Tired of encoding, long complex child sibling trees that go on and on, when you use Emmet, one of the most beneficial and time-saving features is how you can effectively build larger macros that can expand into a significant portion of your markup. The key to this is to memorize and understand the syntax that will help you branch off into different levels of your document tree. There are three important symbols to keep in mind. The greater than symbol creates child relationships. The plus symbol creates sibling relationships. And if you want to climb up one level you use the caret symbol. Let's see how these are implemented within a file. Using the greater than symbol allows you to go deeper into the document tree and create a child. To show this, I'll create a div with a class of wrapper. Inside of that div, I'm going to go ahead and I'm going to create another div with a class of inside. Within that, I'm…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.