In this video, I explained about CSS Attribute Selectors.
CSS Selector is a pattern used to find the elements in the HTML web page.
If you are writing that pattern using attributes and attribute values, then we call that pattern as CSS Attribute Pattern.
The [attribute] selector is used to find elements with a specified attribute.
The [attribute="value"] selector is used to find elements with a specified attribute and value.
The [attribute~="value"] selector is used to find elements with an attribute value containing a specified word.
The [attribute*="value"] selector is used to find elements whose attribute value contains a specified value.
The [attribute|="value"] selector is used to find elements with the specified attribute starting with the specified value.
The [attribute^="value"] selector is used to find elements whose attribute value begins with a specified value.
The [attribute$="value"] selector is used to find elements whose attribute value ends with a specified value.
Examples:
AttributeName ------------------------ input[placeholder]
AttributeValue ----------------------- input[placeholder='First Name']
AttributeValue-PartialText-WholeWord - input[placeholder~='question']
AttributeValue-PartialText-Text ------ input[placeholder*='que']
AttributeValue-StartsWith-WholeWord -- p[class|='my']
AttributeValue-StartsWith-Text ------- p[class^='my']
AttributeValue-EndsWith-Text --------- p[class$='lass']
To practice CSS Selectors, check out the below link:
www.hyrtutorials.com/p/css-se...
==============================================
▶️ Next Video Link: • CSS Combinator selecto...
◀️ Previous Video Link: • CSS Simple Selectors |...
↔️ CSS Selectors Playlist Link: bit.ly/2Rn0IbD
✴ Checkout my other playlists: bit.ly/3gLIAVL
☕ Buy me a coffee: bit.ly/33ljBWc
👑 Join my KZfaq channel to get access to perks:👇
/ @hyrtutorials
==============================================
==============================================
Connect us @
🔗 Website - www.hyrtutorials.com
🔗 Telegram - t.me/hyrtutorials
🔗 Facebook - / hyrtutorials
🔗 LinkedIn - / hyrtutorials
🔗 Twitter - / hyrtutorials
🔗 Instagram - / hyrtutorials
==============================================
==============================================
🙏 Please Subscribe🔔 to start learning for FREE now, Also help your friends in learning the best by suggesting this channel.
#hyrtutorials #selenium #cssselectors
CSS Selectors By Yadagiri Reddy
css selector,css selectors,css selectors tutorial,css selectors tutorial for selenium,how to use css selector in selenium webdriver,css selector selenium,css selector selenium java,understanding css selectors,what are css selectors,css selector types,css selectors in selenium,selenium,webdriver,selenium java,how to write css selector?,hyr
CSS Attribute Selectors, css tutorial
hyr tutorials,yadagiri reddy, yadagiri reddy h, h yadagiri reddy, h y reddy, yada giri reddy