It&#39;s a CSS child selector. `P &gt; SPAN` means applying the style that follows to all SPAN tags that are children of a `P` tag.

Note that &quot;child&quot; means &quot;immediate descendant&quot;, not just any descendant. `P SPAN` is a *descendant selector*, applying the style that follows to all `SPAN` tags that are children of a `P` tag or recursively children of any other tag that is a child/descendant of a `P` tag. `P &gt; SPAN` only applies to `SPAN` tags that are children of a `P` tag.

    p em

will match any `&lt;em&gt;` that is within a `&lt;p&gt;`. For instance, it would match the following `&lt;em&gt;`s:

    &lt;p&gt;&lt;strong&gt;&lt;em&gt;foo&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
    &lt;p&gt;Text &lt;em&gt;foo&lt;/em&gt; bar&lt;/p&gt;

On the other hand,

    p &gt; em

Will match only `&lt;em&gt;`s that are immediate children of `&lt;p&gt;`. So it will match:  

    &lt;p&gt;Text &lt;em&gt;foo&lt;/em&gt; bar&lt;/p&gt;

But not:

    &lt;p&gt;&lt;strong&gt;&lt;em&gt;foo&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

this is known as a Child Combinator:

&gt; A child combinator selector was added
&gt; to be able to style the content of
&gt; elements contained within other
&gt; specified elements. For example,
&gt; suppose one wants to set white as the
&gt; color of hyperlinks inside of div tags
&gt; for a certain class because they have
&gt; a dark background. This can be
&gt; accomplished by using a period to
&gt; combine div with the class resources
&gt; and a greater-than sign as a
&gt; combinator to combine the pair with a,
&gt; as shown below:

    div.resources &gt; a{color: white;}

(from [http://www.xml.com/pub/a/2003/06/18/css3-selectors.html][1])


  [1]: http://www.xml.com/pub/a/2003/06/18/css3-selectors.html

&gt;     E &gt; F
&gt;
&gt; Matches any F element that is a child of an element E.

more on [http://www.w3.org/TR/CSS21/selector.html#child-selectors][1]


  [1]: http://www.w3.org/TR/CSS21/selector.html#child-selectors

Am trying to trigger an upload box (browse button) using jQuery.   
The method I have tried now is:  

    $(&#39;#fileinput&#39;).trigger(&#39;click&#39;);   
But it doesn&#39;t seem to work. 
Please help. Thank you.

jQuery trigger file input

Due to external weird constraints I cannot modify the `.gitignore` of my repository. Is there a way to ignore files and directories other than modifying a `.gitignore`? Even if it is a global solution like a global configuration that will be applied to all my repositories.

How do you make Git ignore files without using .gitignore?

I have seen this character a number of times in CSS files but I have no idea how its used. Can anyone explain it to me and show how they are useful in making a page style easier?

How is the &quot;greater than&quot; or &quot;&gt;&quot; character used in CSS?

<p>I have seen this character a number of times in CSS files but I have no idea how its used. Can anyone explain it to me and show how they are useful in making a page style easier?</p>


Is there a way in jQuery to get all CSS from an existing element and apply it to another without listing them all?

I know it would work if they were a style attribute with `attr()`, but all of my styles are in an external style sheet.

Can jQuery get all CSS styles associated with an element?

Here&#39;s the problem. I have an image:

    &lt;img alt=&quot;alttext&quot; src=&quot;filename.jpg&quot;/&gt;

Note no height or width specified.

On certain pages I want to only show a thumbnail. I can&#39;t alter the html, so I use the following CSS:

    .blog_list div.postbody img { width:75px; }

Which (in most browsers) makes a page of uniformly wide thumbnails, all with preserved aspect ratios.

In IE6 though, the image is only scaled in the dimension specified in the CSS. It retains the &#39;natural&#39; height.

Here&#39;s an example of a pair of pages that illustrate the problem:

 - [The list, which should show thumbnails][1]
 - [A single blog post, which shows the full-size image.][2]

I&#39;d be very grateful for all suggestions, but would like to point out that (due to the limitations of the clients chosen platform) I&#39;m looking for something that doesn&#39;t involve modifying the html. CSS would also be preferable to javascript.

EDIT: Should mention that the images are of different sizes and aspect ratios.

  [1]: http://www.escapelondon.co.uk/profiles/blog/list
  [2]: http://www.escapelondon.co.uk/profiles/blogs/epernay-champagne

How to preserve aspect ratio when scaling image using one (CSS) dimension in IE6?

I have a div:

    &lt;div class=&quot;test&quot; id=&quot;someElement&quot; style=&quot;position: absolute&quot;&gt;&lt;/div&gt;

Is there any way to check if the certain element:

    $(&quot;#someElement&quot;) 

has a particular class (in my case, &quot;test&quot;).

Alternately, is there a way to check that en element has a certain style? In this example, I&#39;d like to know if the element has &quot;`position: absolute`&quot;.

Thank you very much!



Jquery: How to check if the element has certain css class/style

Recently a client has complained about the appearance of a system font in IE6. Basically th issue is that IE6 doesn&#39;t support font-smoothing/anti-aliasing (I know you can turn it on in an OS setting or something). But someone threw out this gem:

&quot;You can force font anti-alias in css by using pt instead of px.&quot;

I did a quick POC in various browsers and saw no difference. I found one reference to it online, last post on this forum:

http://www.webmasterworld.com/css/3280638.htm

This sounds like the equivalent of a web developer urban myth, my feeling is it&#39;s BS. Has anyone ever encountered it?

Forcing anti-aliasing using css: Is this a myth?

Firebug is an excellent tool to to show a screen media CSS for some HTML element, but is there a way to look at the print media CSS too? Or is there any other tool to see the print media CSS?

How to see the print media CSS in Firebug?

I&#39;m using this:

    jQuery(&#39;.class1 a&#39;).click( function() {
      if ($(&quot;.class2&quot;).is(&quot;:hidden&quot;)) {
    	$(&quot;.class2&quot;).slideDown(&quot;slow&quot;);
      } else {
    	$(&quot;.class2&quot;).slideUp();
      }
    });

On page structure:

    &lt;div class=&quot;class1&quot;&gt;
      &lt;a href=&quot;...&quot;&gt;text&lt;/a&gt;
      &lt;div class=&quot;class2&quot;&gt;text&lt;/div&gt;
    &lt;/div&gt;

It only works when you don&#39;t have multiple class1/class2 sets like:

    &lt;div class=&quot;class1&quot;&gt;
      &lt;a href=&quot;...&quot;&gt;text&lt;/a&gt;
      &lt;div class=&quot;class2&quot;&gt;text&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;class1&quot;&gt;
      &lt;a href=&quot;...&quot;&gt;text&lt;/a&gt;
      &lt;div class=&quot;class2&quot;&gt;text&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;class1&quot;&gt;
      &lt;a href=&quot;...&quot;&gt;text&lt;/a&gt;
      &lt;div class=&quot;class2&quot;&gt;text&lt;/div&gt;
    &lt;/div&gt;

How do I change the initial jquery code so that it only effects class2 under the class1 that was clicked? I tried recommendations from https://stackoverflow.com/questions/306583/jquery-this-selector-and-children but haven&#39;t succeeded.

Jquery $(this) Child Selector

I&#39;m trying to select all `&lt;div&gt;`s with the same ID in jQuery. How do i do it?

I tried this and it did not work

    jQuery(&#39;#xx&#39;).each(function(ind,obj){
          //do stuff;
    });

How to select all elements with a particular ID in jQuery?

I have

    var $set = $(&#39;.foo,.bar&#39;).filter(
        function() {return $(this).parents(&#39;.baz&#39;).length &lt; 1;});

as a way to select all the elements whose classes are either `foo` or `bar` and who do not descend from an element whose class is `baz`.  Is there a selector that will accomplish the same thing without the need for a filtering lambda?


    &lt;div class=&#39;foo&#39;/&gt;&lt;!--match this--&gt;
    &lt;div class=&#39;bar&#39;/&gt;&lt;!--match this--&gt;
    &lt;div class=&#39;baz&#39;&gt;
        &lt;div class=&#39;foo&#39;/&gt; &lt;!--don&#39;t match this--&gt;
    &lt;/div&gt;



What JQuery selector excludes items with a parent that matches a given selector?

How can I select the link elements of only the parent `&lt;ul&gt;` from a list like this? 

    &lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

So in css `ul li a`, but not `ul li ul li a`

Thanks

Selecting only first-level elements in jquery

How do I select the `&lt;li&gt;` element that is a direct parent of the anchor element?

As an example, my CSS would be something like this:

    li &lt; a.active {
        property: value;
    }

Obviously there are ways of doing this with JavaScript, but I&#39;m hoping that there is some sort of workaround that exists native to CSS Level 2.

The menu that I am trying to style is being spewed out by a CMS, so I can&#39;t move the active element to the `&lt;li&gt;` element... (unless I theme the menu creation module which I&#39;d rather not do).

Any ideas?


Content Type	Original Author	Original Content on Stackoverflow
Question	Sam152	View Question on Stackoverflow
Solution 1 - Css	tpdi	View Answer on Stackoverflow
Solution 2 - Css	Brian Campbell	View Answer on Stackoverflow
Solution 3 - Css	Adam Alexander	View Answer on Stackoverflow
Solution 4 - Css	Tobias	View Answer on Stackoverflow

How is the "greater than" or ">" character used in CSS?

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Solution 3 - Css

Solution 4 - Css

How do you make Git ignore files without using .gitignore?

jQuery trigger file input

Attributions