creating timetable with nth child

creating timetable with nth child

Web designers commonly get into the habit of using only a very small collection of basic CSS selectors, most notably the id, class, and descendant selectors, because that’s all they need…or so they think. 

It’s true that you can accomplish almost everything with the class selector, but why compromise your nice, clean markup by adding unnecessary classes when you can choose from a range of more practical and efficient alternatives? CSS3 has brought with it a whole host of such alternatives, some of which are simply wonderfully convenient and others that can make you excitedly ponder all the possibilities! What? CSS3 selectors are exciting! In this chapter, you will learn about the different types of selectors, from sibling combinators to nth-child expressions. With the help of practical examples, you’ll be able to understand precisely what they do and how you can put them to use. I’ll finish the chapter by combining many of the various selector types that will be described between now and then to create some truly advanced CSS selectors. 

in this tutorial we will be creating a basic school timetable using class selectors in html 

the basic tools needed for this project are just sublime text and  any internet Browser of your choice.

Firstly open your sublime text software or visit sublime text software to install it on your machine 

After opening the software the interface of your IDE will look as follows

then visit html source to download the link from the repository and edit it to your choice.

extract the source code and paste it on the sublime text IDE and save it as index.html.

finally you can run your source code.

what is your thought on class selectors

hope to see you next time thanks.