Selenium CSS Selector #3 – CSS Selector with Multiple Attributes

In this Selenium CSS selector tutorial we will learn how to write Selenium CSS selector using multiple attributes of the webelement.

You can write advanced CSS selectors using the mix of Tag, ID or CLASSNAME and other attributes of the webelement.

Syntax for CSS selector with multiple attributes:

tagName.classValue[AttributeName=’AttributeValue’]

tagName#idValue[AttributeName=’AttributeValue’]

Examples:

input.signup[type=’submit’][value=’Sign me up ‘]

input#submit_btn[type=’submit’][value=’Sign me up ‘]

Selenium CSS Selector #1 – Introduction to CSS and CSS Selector

In this Selenium CSS selector tutorial we will explain about CSS and CSS Selector.

CSS stands for Cascading Style Sheets. CSS is a style sheet language which describes the presentation of the HTML document.

CSS Selectors are used to target the HTML elements on web page