The Complete Guide To CSS Selectors

Learn how to create robust CSS selectors for your automation and much more...

Intermediate
12
0

302 already enrolled

Start Course

What Is A CSS Selector

Definition with real time scenario CSS selectors importance and types

How To Write CSS Selectors And Different CSS Selector Functions

Outline how CSS Selectors are built with various functions

What Is The Right Platform To Write And Verify CSS Selector

Outline different CSS selector platforms

Learn To Write CSS Selector Using Basic CSS Selector Functions

Write and verify CSS Selectors using different CSS Selector functions

Learn To Write Relative CSS Selectors With Parents

Write relative CSS Selectors to parent elements

Learn Different Axes Functions And CSS Selectors With Axes

Use Axes with CSS Selectors

Learn To Write CSS Selectors For SVG Elements

Create CSS Selectors for SVG elements

Learn To Write CSS Selectors For Shadow DOM Elements

Create CSS Selectors for shadow DOM elements

Learn To Write CSS Selectors For Iframe Elements And For Iframe

Create CSS Selectors for iframes and iframe elements

Learn To Write CSS Selectors For Invisible Dynamic Elements

Create CSS selectors for invisible dynamic elements

Tips And Tricks To Save Time

Use different techniques to improve creating CSS selectors

Selector Challenge

Create CSS selectors for different contexts

CSS selectors are used in a wide range of activities in our products. They can be used for identifying elements to style with CSS, used by JavaScript to manipulate elements and, most commonly for testers, used for UI automation. There are many rules and tricks that can be employed with CSS selectors, but it requires an understanding of what CSS selectors are and how they work. That's why in this course you'll have the opportunity to learn all about CSS selectors with Sanjay, to help you become more comfortable in analysing and using CSS selectors in your project.