I am looking for a css selector that lets me select the pre-last child of list. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!– select the pre last item dynamically no matter how long this list is –> <li>6</li> </ul> Static method: ul li:nth-child(5) Dynamic method: ul li:last-child(-1) which of course doesn’t validate, also nth-last-child doesn’t … Read more
I’d like to target all h tags on a page. I know you can do it this way… h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } but is there a more efficient way of doing this using advanced CSS selectors? e.g something like: [att^=h] { font: 32px/42px trajan-pro-1,trajan-pro-2; } (but obviously this … Read more
I am able to do this: <div id=”myDiv”> <div class=”foo”></div> </div> myDiv = getElementById(“myDiv”); myDiv.querySelectorAll(“#myDiv > .foo”); That is, I can successfully retrieve all the direct children of the myDiv element that have class .foo. The problem is, it bothers me that I must include the #myDiv in the selector, because I am running the … Read more
This question already has answers here: Is there a CSS parent selector? (33 answers) Closed 8 years ago. I’m looking to make a selector which will select all elements if they have a specific child element. For example, select all <div> with a child <span>. Possible? 3 Answers 3
I want to combine :after with :hover in CSS (or any other pseudo selector). I basically have a list and the item with the selected class has an arrow shape applied using :after. I want the same to be true for objects that are being hovered over but cant quite get it to work. Heres … Read more
How to change the style of child element when there is hover on parent element. I would prefer a CSS solution for this if possible. Is there any solution possible through :hover CSS selectors. Actually I need to change color of options bar inside a panel when there is an hover on the panel. Looking … Read more
What I would like to do (not in IE obviously) is: p:not(.list):last-child + :text { margin-bottom: 10px; } Which would give a text node a margin. (Is that even possible?) How would I get the text node with CSS? 3 Answers 3
I saw this selector in Twitter Bootstrap: .show-grid [class*=”span”] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Does anyone know what this technique is called and what it does? 4 Answers 4
In CSS, * will match any element. Frequently, *|* is used instead of * to match all elements. This is generally used for testing purposes. What is the difference between * and *|* in CSS? 3 Answers 3
This question already has answers here: CSS Selector that applies to elements with two classes (2 answers) Closed last year. i have this elements <div class=”a b”></div> <div class=”b”></div> <div class=”a”></div> I want apply to element with class a and b the color #666. How can I do this with CSS? 2 Answers 2
