02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

Getting to know the structural selectors

When it comes to creating smart and dynamic layouts one of the more powerful features that was first introduced in CSS2 was the :first-child selector that enabled us to do something with the first child in a group of elements. CSS3 takes that idea and pushes its further with more structural controls. In this lecture we will explore the CSS2 structural selectors and explore the group of nth selectors in CSS3.

properties: first-child, last-child, nth-child, nth-last-child, nth-of-type, nth-last-of-type, css3 selectors, css2 structural selectors.

The Universal Selector

By the end of this lesson you will have a refresher of the core CSS selectors available since CSS1 and will be introduced to the Universal selector.

05:34

Linking and Action Selectors

By the end of this lecture, you will know how to control the colors of actions and links in CSS and will be up-to-date with the changes that have taken place with them.

06:10

CSS2 Attribute Selectors

By the end of this lecture, you will know how to work with CSS2 Attribute Selectors.

14:36

CSS3 Attribute Selectors

By the end of this lesson, you will know how to work with the new CSS3 Attribute Selectors.

07:13

Localizing your site with language selectors

By the end of this lesson, you will know how to work with the new CSS3 Attribute Selectors.

12:08

Working with the Not CSS3 Selector

By the end of this lesson, you will know how to work with the new CSS3 Attribute Selectors.

08:21

Combining logic with combinator selectors

By the end of this lecture, you will know how to work with the Combinator selectors.

08:10

Playing with the CSS3 UI selectors

By the end of this lecture, you will know how to work with the Combinator selectors.

13:45

Adding dynamic Content before or after an element

By the end of this lecture, you will know how to work with the Combinator selectors.

05:53

Manipulating inner content with inner content selectors

By the end of this lecture, you will know how to work with the Combinator selectors.

05:11

Focusing on a target with CSS3

By the end of this lecture, you will know how to work with the Combinator selectors.

04:41

Getting to know the structural selectors

By the end of this lecture, you will know how to work with the Combinator selectors.

11:50

Comparing between only-child and only-of-type

By the end of this lecture, you will know how to work with the Combinator selectors.

06:00