Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: >

  1. #1
    Senior Coder
    Join Date
    Dec 2005
    Location
    Slovenia
    Posts
    1,963
    Thanks
    120
    Thanked 76 Times in 76 Posts

    >

    Code:
    p > input {
        float: left;
        height: 16px;
        left: 0;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        width: 16px;
    }
    what does > stands for ?

    if I look at html, means same as without >
    Code:
    <p>
    <input id="male" type="radio" name="gender" value="male">
    <label for="male">Male</label>
    </p>
    ?
    Last edited by BubikolRamios; 09-15-2011 at 04:51 PM.
    Found a flower or bug and don't know what it is ?
    agrozoo.net galery
    if you don't spot search button at once, there is search form:
    agrozoo.net galery search

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Typo in their css?? Is this your page?
    Teed

  • #3
    Senior Coder
    Join Date
    Dec 2005
    Location
    Slovenia
    Posts
    1,963
    Thanks
    120
    Thanked 76 Times in 76 Posts
    Nope, not mine.

    src.: http://www.thecssninja.com/demo/css_custom-forms/

    Does not look like typo, the > is all over the css.
    Last edited by BubikolRamios; 09-15-2011 at 05:37 PM.
    Found a flower or bug and don't know what it is ?
    agrozoo.net galery
    if you don't spot search button at once, there is search form:
    agrozoo.net galery search

  • #4
    Super Moderator Inigoesdr's Avatar
    Join Date
    Mar 2007
    Location
    Florida, USA
    Posts
    3,647
    Thanks
    2
    Thanked 406 Times in 398 Posts
    It means immediate children.
    This would match:
    Code:
    <p>
        <input>
    </p>
    This would not:
    Code:
    <p>
        <div>
            <input>
         </div>
    </p>

  • Users who have thanked Inigoesdr for this post:

    BubikolRamios (09-15-2011)

  • #5
    Senior Coder
    Join Date
    Dec 2005
    Location
    Slovenia
    Posts
    1,963
    Thanks
    120
    Thanked 76 Times in 76 Posts
    Code:
    <p>
        <div>
            <input>
         </div>
    </p>
    so you are saying that:
    Code:
    p input 
    {
      ..
    }
    would affect upper html, that is all inputs inside p regardless of depth & elements inbetween ?

    or mybe:

    Code:
    p > input
    would affect only first of those inputs ?

    Code:
    <p>
        <input>
        <input>
        <input>
    </p>
    Last edited by BubikolRamios; 09-15-2011 at 05:53 PM.
    Found a flower or bug and don't know what it is ?
    agrozoo.net galery
    if you don't spot search button at once, there is search form:
    agrozoo.net galery search

  • #6
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,776
    Thanks
    41
    Thanked 196 Times in 195 Posts
    I am pretty sure it would affect all three of those input because they are all direct children of the p
    reference

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • Users who have thanked alykins for this post:

    BubikolRamios (09-15-2011)

  • #7
    Super Moderator Inigoesdr's Avatar
    Join Date
    Mar 2007
    Location
    Florida, USA
    Posts
    3,647
    Thanks
    2
    Thanked 406 Times in 398 Posts
    Quote Originally Posted by BubikolRamios View Post
    so you are saying that:
    Code:
    p input 
    {
      ..
    }
    would affect upper html, that is all inputs inside p regardless of depth & elements inbetween ?
    It would affect any inputs below paragraphs regardless of depth.

    Quote Originally Posted by BubikolRamios View Post
    Code:
    p > input
    would affect only first of those inputs ?

    Code:
    <p>
        <input>
        <input>
        <input>
    </p>
    It would affect all direct children, as alykins suggested.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •