css-selectors

JQuery filter on children's class after .get()

Problem: I want to do a .get() but only with the elements without the .played class. (I'm building a shuffle playlist, played numbers are being marked by a .played class on their div). Current code: var randomElements = $("#playlistVideos").get(); What I tried: the filter() and a lot of selector tricks, none of them succeed. I'm ver...

New CSS3 selectors doesn't work for me?

Ok, I have code like this: <div id="header"> (yeah, have to use div instead of header tag, don't ask me why) <a href="link"><img src="image1.png" alt="image1" /></a> <a href="link"><img src="image2.png" alt="image2" /></a> <a href="link"><img src="image3.png" alt="image3" /></a> </div> And I want to select the first ima...

Help with a pure CSS Checkbox Image replacement? (understanding the

I've got a checkbox list in a table. (one of a number of CB's on the row) <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'>&nbsp;</label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'>&nbsp;</label></td></tr> <tr><td><input type="checkbox"...

CSS Selector that applies to elements with two classes

Is there a way to select an element with CSS based on the value of the class attribute being set to two specific classes. For example, let's say I have 3 divs: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div> What CSS could I write to select ONLY the second element in the list, b...

Zebra striping a table with hidden rows using CSS3?

I've got a table <table id="mytable"> <tr style="display: none;"><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr style="display: none;"><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> </table> I'm trying to set the table striping to use nth-child selectors but ...

Background command not displaying/showing from the stylesheet when using date picker js

Hi there, I'm new to this site having stumbled across it recently (and am loving it!) and was wondering whether someone can help me - I'm using Kelvin Luck's fantastic date picker and for some reason a background image is not behaving properly... Here's the code straight from my CSS sheet: a.dp-choose-date { background: url (../ca...

css special IE7 tag

*html .... (IE6) html > body ....(IE7/FF) * html is special tag for IE6. Does IE7 has something too? i need just some small css detail in IE7. Just for IE7 without FF. ...

CSS Last-Child Selector - affecting all my DIVs?

I have the following CSS .streamBox { font-size:12px; background-color:#EDEFF4; border-bottom:1px solid #E5EAF1; margin-top:2px; padding:5px 5px 4px; } .streamBox:last-child { border: none; } HTML <ul id="activityStream"> <li class="story"> <div class="streamBox nobkgcolor" id=""> Stuff </div> </li> <li class="sto...

Doubt in css selector > [#id (.class1 or .class2)]

Hi, I think that it should exist a better way of doing this... I'm using the follow css selector #book_form .ano_chegada, #book_form .ano_partida {...} Html: <form id="book_form"> <input class='ano_chegada' .../> <input class='ano_partida' .../> </form> I really don't like to repeat the form id twice. Is it strictly necessary? I...

All-inclusive CSS selector for input elements

Looking for a way to apply a background-color to all input elements, including dropdown lists, textareas, and even checkboxes. Is there an all-inclusive selector for this sort of thing, or would I need to list them all individually in the selector? ...

Overwrite CSS class selectors without !important

I'm just writing a javascript UI dialog for a web app. The problem is that users can create there own themes for the web app, which may include element css selectors (h1 {...}, div {...} etc.) which overwrite my css formatting for the UI dialog. The dialog is a div element which is formatted over a class selector (id dose not work becaus...

Have you ever seen such kind of css selectors?

table td+td+td+td+td+td{ display:table-cell; } What does + mean? ...

Regular expression that validates a CSS selector.

What is a regular expression that can be used to validate a CSS selector, and can do so in a way that a invalid selector halts quickly. Valid selectors: EE #myid .class .class.anotherclass EE .class EE .class EEE.anotherclass EE[class="test"] .class[alt~="test"] #myid[alt="test"] EE:hover EE:first-child E[lang|="en"]:first-child EE#tes...

Weird Border-Left:none on one element of menu?

On this site I am doing the template for: http://questionlounge.com/ The "Latest Questions" menu tab has a strange element style added to it that is border-left:none; I can't see how it gets there as the CSS and markup is fine. Any ideas on this one? Thanks ...

Do values in CSS attribute selector values need to be quoted?

e.g.: a[href="val"] Does "val" need to have quotes around it? Single or double are acceptable? What about for integers? ...

CSS combinator precedence?

Is there a precedence to combinators like a > b ~ c d (Note the space between c and d is the descendant combinator) Or is it just read left-to-right, like ((a > b) ~ c) d ? ...

What does the following CSS do?

Hi, I have used css before and I came across the below css style dont have a clue what it does. Thanks a[href^="http:"] { background: url(img/keys.gif) no-repeat right top; } a[href^="http://mysite.com"], a[href^="http://www.mysite.com"] { background-image: none; padding-right:0; } ...

How can I replicate something similar to querySelector in browsers like IE 7 and 6?

I've messed around with trying to detect how complex the query is (like if it's just an ID selector, it goes through getElementById instead and such) but this is clearly no way to do complex CSS queries and will probably fail on a certain few selectors. So my question is to anyone who's done something similar, how did you end up replica...

Simple Nesting Question

I have a a class: .header { background-color: #233574} I want to to style h1, h2, h3, h4, h5, h6 within my class only. I thought that this was writteng like so: .header{} .header h1 h2 h3 h4 h5 h6 { color: #FFFFFF} //Style these elements within the .header class <div class="header"> <h1>Header</h1> </div> What am I doing wrong? Th...

CSS :last-child

Hello! I have a div#content with many div.item inside it. When using :last-child to make the last div.item with no border-bottom, it's OK. But, as the content is dynamically appended using php and mysql results I'm using a conditional pagination table that will be appended after the last div.item which means at the bottom of the div#cont...