Complete CSS from Basic to Advance | CSS Functions | CSS Contains | CSS Siblings

CSS :-
Into :(0:00)
CSS Basics :(1:37)
CSS by any attribute :(9:33)
Parent, Child, Descendant:(13:34)
Partial Match | Case insensitive :(20:01)
Using Index :(27:16)
Only-of-type :(30:35)
Child Methods :(32:10)
Practice page :- theautomationzone.blogspot.co...
#=ID - Find Element by it's ID
.=Class - Find Element by its class
Tag - just the tag name
Tag#ID - Tag having an ID
Tag.Class - Tag having a class
Tag[attr=value] - General syntax
Tag[id=value]
Tag[class=value]
Tag[name=value]
Node Node - Moving from parent node to descendant node
Node %gt Node - Moving from parent node to child node
Tag[attr=value] &gt Tag[attr=value]
input[id^='ema'] - Starts with
input[id$='mail'] - Ends with
css=input[id*='mai'] - Contains
[attr operator value i] - case insensitive
A ~ B - following sibling
A + B - directly following sibling
A || B - combinator selects nodes which belong to a column
Multiple Attribute Matches ( No Space )
Tag[attr1=value1][attr2=value2]...
www.w3schools.com/cssref/css_...
Functions in CSS
================
a:active all active links
a:visited will match all a elements that have been visited by the user.
a:link
a:hover
input:checked Selects every checked input element
input:disabled Selects every disabled input element
p:first-child Selects every p element that is the first child of its parent
p::first-letter Selects the first letter of every p element
p::first-line Selects the first line of every p element
p:first-of-type Selects every p element that is the first p element of its parent
input:focus Selects the input element which has focus
p:last-child
p:last-of-type
p:nth-child(2) Selects every p element that is the second child of its parent
p:nth-last-child(2) Selects every p element that is the second child of its parent, counting from the last child
p:nth-last-of-type(2) Selects every p element that is the second p element of its parent, counting from the last child
p:nth-of-type(2) Selects every p element that is the second p element of its parent
p:only-of-type Selects every p element that is the only p element of its parent
p:only-child Selects every p element that is the only child of its parent
developer.mozilla.org/en-US/d...

[@santoshkumarsahoo3894]

it's excellent .when it's about xpath ,css ..My first choice is your's video sir.Please make some videos on cucumber

[@Automationzone]

Thanks a lot. Cucumber is on the list.

[@TheShelar]

👍🏻

[@3VAudioVideo]

Another AWESOME video!! I really loved your X-path video and was waiting so long for you CCS video! Thanks so much!!

[@3VAudioVideo]

BTW, your audio was already good, but seems to be even more improved with this video. good job!

[@johnharvey8046]

Hello , from USA, wonderful explanation of each and every topic. Can you make a video about WebDriverManager "INFO: Found CDP implementation for version 106 of 104" about this issue
Also why the browser closing automatically after executing selenium codes if there is no close or quit method at the end of codes.
Thanks

[@superbakio]

excellent tutorial(the same as it was for xpath theme) , thank you so much!

[@merwindsouza7613]

Helpful 👍

[@3VAudioVideo]

Is there a way to identify the static text element using cssSelector by using the TEXT? Using Xpath, it can be done as: //h3[text()='This is an example of paragraphs'] for This is an example of paragraphs I've watched your video and researched for a solution but did not find one.

[@siddharthahaldar90]

👍

[@rockmusicvideoreviewer896]

Those last 2 lines in your slide at 8:59 are incorrect. Should be "Class=class1", not "Id=id1". Probably just forgot to modify it after copy/paste from above lines.

[@Automationzone]

Ohh, forgive me for that.
Just had a look and ur right.
The . Means a class and so it should have been as u said.