Scribd Logo
Upload

Welcome to Scribd!

  • Custom CSS Selector Part1

    Uploaded by

    Riya Somani
    9 views1 page
    The document describes different CSS selectors including wild card selectors using ^, $ and * and CSS combinators using space, child, adjacent sibling and general sibling. It provides examples of each to select elements like labels, inputs and divs with specific attributes from the HTML code sample for purposes like identifying usernames on a web page.

    Original Description:

    Selenium

    Original Title

    Custom+CSS+Selector+Part1

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes different CSS selectors including wild card selectors using ^, $ and * and CSS combinators using space, child, adjacent sibling and general sibling. It provides examples of each to select elements like labels, inputs and divs with specific attributes from the HTML code sample for purposes like identifying usernames on a web page.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    9 views1 page

    Custom CSS Selector Part1

    Uploaded by

    Riya Somani
    The document describes different CSS selectors including wild card selectors using ^, $ and * and CSS combinators using space, child, adjacent sibling and general sibling. It provides examples of each to select elements like labels, inputs and divs with specific attributes from the HTML code sample for purposes like identifying usernames on a web page.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 1

    <html>

    <body>
    <div name='183902892_username_783790230-47' class='c' id='p'>
    <div id='sec'>
    <label abc='673737393_abcD' id="user">Username</label>
    <input id="username_1238494940" type="text">
    </div>
    </div>
    </body>
    </html>

    Wild Card CSS Selector :

    1. ^ (Carrat Character) : input[id^='username']


    2. $ (Dollor Character) : label[abc$='_abcd']
    3. * (Asterisk Character) : div[name*='username']

    CSS Combinator --
    1. Space Combinator : table[role='presentation'] tbody tr td label[for='email'] -
    Identify username on web-page.
    2. Child Combinator : div[class^='pvl']>div
    3. Adjacent Sibling : div[id='fullname_field'] + div
    4. General Sibling : div[id='fullname_field'] ~ div

    You might also like