1 00:00:00,000 --> 00:00:04,578 [MUSIC] 2 00:00:04,578 --> 00:00:05,720 Hi, everyone. 3 00:00:05,720 --> 00:00:06,620 I'm Guil. 4 00:00:06,620 --> 00:00:09,670 In this course, we're gonna go beyond the basic selector concepts, 5 00:00:09,670 --> 00:00:11,560 covered in CSS Basics. 6 00:00:11,560 --> 00:00:16,510 Back in CSS Basics, we learned base selectors like type, ID, class, and 7 00:00:16,510 --> 00:00:17,910 descendant selectors. 8 00:00:17,910 --> 00:00:21,790 Now, we're gonna tap into a whole new batch of selectors, selectors that will 9 00:00:21,790 --> 00:00:25,770 open up a world of flexibility, for us designers and developers. 10 00:00:25,770 --> 00:00:30,260 So, we know that selectors are the most important and powerful part of CSS, 11 00:00:30,260 --> 00:00:34,892 because they are what allows us to target HTML elements, and apply style to them. 12 00:00:34,892 --> 00:00:39,020 But besides the common ways we learn to target elements with type, ID, and 13 00:00:39,020 --> 00:00:41,920 class selectors, we're also able to zero in, and 14 00:00:41,920 --> 00:00:45,166 target elements, based on specific HTML attributes, 15 00:00:45,166 --> 00:00:50,550 their position in the HTML document, even their relation to other elements and more. 16 00:00:50,550 --> 00:00:54,080 So, coming up in this course, we'll expand on those core concepts, 17 00:00:54,080 --> 00:00:58,710 by learning all about attribute selectors, child selectors, selector combinators, and 18 00:00:58,710 --> 00:01:01,250 lots of new helpful pseudo-classes. 19 00:01:01,250 --> 00:01:03,700 We'll also see how more advanced selectors, 20 00:01:03,700 --> 00:01:07,550 can use simple expressions, to target a combination of elements. 21 00:01:07,550 --> 00:01:10,440 We'll even use special selectors called pseudo-elements, 22 00:01:10,440 --> 00:01:14,800 to insert virtual elements and content, into our page, from our CSS. 23 00:01:15,800 --> 00:01:18,770 By the end of this course, you'll have gained a better understanding of 24 00:01:18,770 --> 00:01:22,020 the power and flexibility, behind CSS selectors, and 25 00:01:22,020 --> 00:01:25,710 you'll have a few more handy tools in your CSS tool kit, to work with. 26 00:01:25,710 --> 00:01:29,460 Again, don't worry about memorizing every selector we're about to cover. 27 00:01:29,460 --> 00:01:33,770 But as I've mentioned before, to be the best and most well-rounded designer and 28 00:01:33,770 --> 00:01:36,960 developer we can be, it's best to know all our options, and 29 00:01:36,960 --> 00:01:39,830 understand all the selectors available to us. 30 00:01:39,830 --> 00:01:42,750 So, make sure you also take a look at the teacher's notes for each video. 31 00:01:42,750 --> 00:01:47,430 Because they'll provide extra information, and resources, about each selector. 32 00:01:47,430 --> 00:01:48,370 So, are you ready? 33 00:01:48,370 --> 00:01:48,910 Let's get to it.