Working with lists in ::before and ::after pseudo-elements - Course Cascading Style Sheets (CSS/CSS3) - Part 28 | web Developer courses

Duration: 18:32 min

Summary: In this video, we will continue our discussion on the before and after pseudo-elements. We will have couple of lists on the page. The first list introduces some interesting sites using the anchor tag. We will use the anchor attribute to pull all the ones that start with ‘http://’ (which will be all of them in this case). For every one of those items we will add the actual link right after the text using the ::after pseudo-element. In the second part we will introduce ordered lists within ordered lists. After embedding those lists we will remove the list style type. Instead, we will use the counter functionality to number those lists accordingly so that the outer list will start with 1 and inner list will start with 1.1 and son on…

Technologies and Resources: CSS, HTML, Notepad++, CSS3,::before, ::after, content, href, color, list-style-type, counter-reset, counter-increment, counters.