Learn CSS3 Selectors, Cascade, Specificity and CSS Basics
4.6 (8 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,229 students enrolled

Learn CSS3 Selectors, Cascade, Specificity and CSS Basics

CSS Building Blocks. First step to CSS and Web Development. Understanding CSS3 Selectors with Real Life Examples
4.6 (8 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,229 students enrolled
Last updated 11/2019
English
English
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6 hours on-demand video
  • 76 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • HTML and HTML5 Fundamentals
  • CSS Basics
  • How to include CSS into HTML files
  • Basic CSS Selectors
  • CSS Combinator Selectors
  • Attribute Selectors
  • Pseudo Class Selectors
  • Pseudo Element Selectors
  • Specificity, Inheritence and Cascade
  • Display Types
Course content
Expand all 77 lectures 05:58:10
+ HTML Fundamentals
5 lectures 18:11
Basic Structure of an HTML Document
03:08
Understanding HTML Elements, Tags and Attributes
03:26
HTML Block and Inline Elements
03:23
HTML5 - Structurally and Semantically Strong HTML
03:53
+ Getting Started with CSS
5 lectures 20:03
What is CSS?
03:45
Understanding CSS Syntax
03:37
Vendor Prefixes
04:23
Creating the Base Project
03:46
Adding Comments to Our First Code - HTML and CSS Comments
04:32
+ Bringing CSS and HTML Together
5 lectures 20:19
Inline Styles - Adding Styles Directly on HTML Elements
03:39
Internal Styles - Adding Styles with Style Tag in Header
03:37
External Styles - Adding Styles with Link Tag
04:10
Importing Styles - Adding Styles with @import Rule
04:42
Bonus: Adding Styles with JavaScript
04:11
+ Basic CSS Selectors
8 lectures 37:58
Element Selector
03:07
Class Selector
03:49
Lab Session: Grouping Class and Element Selectors
05:32
Id Selector
03:39
Descendant Selector
05:54
Lab Session: Combinations of Elements, Classes and Ids
07:51
Universal Selector
03:03
Lab Session: Universality in Context
05:03
+ The Combinators
5 lectures 22:41
What is CSS Combinator?
03:59
Child Combinator
04:14
Adjacent Sibling Combinator
03:34
General Sibling Combinator
04:45
Lab Session: Understanding All Combinators Together
06:09
+ Attribute Selectors
9 lectures 36:31
Attribute Exists Selector
05:29
Attribute Equals Selector
03:29
Lab Session: Selecting Ids and Classes with Attribute Equals Selector
04:08
Attribute Spaced Selector
03:46
Attribute Hyphenated Selector
04:08
Attribute Begins With Selector
02:52
Attribute Ends With Selector
03:33
Attribute Contains Selector
04:19
Lab Session: Selecting Elements with Multiple Attributes
04:47
+ Pseudo Class Selectors
17 lectures 01:40:02
What are Pseudo Classes?
02:31
Dynamic Pseudo Classes
07:10
Lab Session: Improving Our Links with Pseudo Classes
07:51
Lab Session: Selecting Parent when Focus on Children and Descendants
08:22
Target Pseudo Class
04:56
Language Pseudo Class
04:23
The UI Element States Pseudo Classes
06:13
Structural Pseudo Classes
03:14
Selecting the Root Element
02:35
Selecting Empty Elements
04:04
Selecting the Child Elements
12:16
Lab Session: Simple Rating System with :nth-child() Pseudo Class
10:45
Selecting Child Elements of a Particular Type
05:07
Lab Session: Understanding Type Specific Child Selectors
05:57
Negation Pseudo Class
05:34
Lab Session: Using Multiple Negation Pseudo Class on the Same Element
04:58
Lab Session: Combining Pseudo Classes
04:06
+ Pseudo Element Selectors
9 lectures 41:05
What are Pseudo Elements?
02:10
Selecting the First Line
03:07
Selecting the First Letter
02:10
Lab Session: Stylish Texts by Using ::first-line and ::first-letter
03:58
Style the Text Selection
05:23
Generating Content Before and After an Element
07:05
Lab Session: Styling First Line and First Letter of Generated Contents
04:02
Lab Session: Adding Emojis to Our Links - Improving Our Links
08:03
Lab Session: Combining Pseudo Elements with Pseudo Classes
05:07
+ Specificity and the Cascade
5 lectures 36:46
What Is CSS Inheritance?
07:42
Lab Session: Forcing Inheritance to Elements
03:54
The Specificity
11:00
The !important Rule - Breaking the Specificity
05:34
The Cascade - The “C” in CSS
08:36
Requirements
  • Basic understanding on HTML5
  • No coding or design experience necessary
  • No CSS knowledge necessary
  • Eagerness to become an expert frontend developer
  • Text editor for development
  • Modern Web Browser
Description

# The most comprehensive CSS Selectors and Fundamentals Course in the Udemy!

# CSS Building Blocks

# English Captions (not auto-generated)

# All resources and code samples are downloadable

# Experienced and Responsive Author


CSS is the most essential language of the web development. If you really want to become a good and well-grounded web developer, you need to take your first step very strongly. This course is the best chance for whom is willing to learn HTML Basics, CSS Fundamentals, CSS Selectors, Specificity, Inheritance, Cascade and Display Features.Every topics are supported by comprehensive examples and lab sessions to support and reinforce the learning curve.


So to become a CSS expert, you have to understand the fundamental topics very clearly and the most important basics are included in this course to make everything clear in your mind.


The topic covered in the course are mainly :

  • HTML Basics

  • HTML Element Types

  • CSS Fundamentals / CSS Syntax

  • Vendor Prefixes

  • Commenting CSS Codes

  • Including CSS into HTML Page With 5 Different Ways

  • Basic CSS Selectors

  • Combinators

  • Attribute Selectors

  • Pseudo Class Selectors

  • Pseudo Element Selectors

  • Specificity

  • Inheritance

  • Cascade

  • Display Types

At the end of this course, you'll have gained a better understanding of the power and flexibility of CSS Selectors. You will be more aware of fundamental CSS topics. You'll have a new set of valuable skills in your knowledge to develop your next project. We will uncover the power behind the advanced CSS selectors.


css parent selector, css selectors selenium, css descendant selector, css selectors cheat sheet, css attribute selectors, css selectors child, 30 css selectors, css selectors mdn, pseudo classes, css multiple class selector, css has, css plus selector, css inheritance, css cascading rules, cascading css example, in what order does the cascade look at factors to determine which css rule to follow, css override inherited style, css stop inheritance from parent, css important, css hierarchy tree, conflicting styles in css, css specificity star wars, css specificity multiple classes, css specificity important, css specificity calculator chrome, smashing magazine css specificity

Who this course is for:
  • New web enthusiasts and frontend developers
  • Complete beginners who wants to enhance their skillsets
  • Experts who wants to reinforce themselves
  • Anyone who wants to refresh knowledge
  • Web designers and developers
  • Developers who are tired of fighting with CSS
  • Professionals who wants to level up CSS skills