using last-child in css

Posted by Miral on Stack Overflow See other posts from Stack Overflow or by Miral
Published on 2009-08-18T11:48:16Z Indexed on 2010/04/08 21:23 UTC
Read the original article Hit count: 311

Filed under:

last-child

|

css

the below css doesnt works on below given html. The purpose is to apply the css on the last 'li', but it doesnt.

#refundReasonMenu #nav li:last-child
{
  border-bottom: 1px solid #b5b5b5;
}

and html looks like

<div id="refundReasonMenu">
  <ul id="nav">
  	<li><a id="abc" href="#">abcde</a></li>
  	<li><a id="def" href="#">xyz</a></li>
  </ul>
</div>

© Stack Overflow or respective owner

Related posts about last-child

how to figure out if the present node is the last child of the parent's node

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I'm trying to figure out how to know if a node is the last child of another, or not. I know how to retrieve the parent's lastChild name ($node-parentNode-lastChild-nodeName), but as sometimes there's many same node names within the same parent, the name is definitly not the way to find the… >>> More
Css specificity :last-child

as seen on Stack Overflow - Search for 'Stack Overflow'
I would like to use the following to target the last link (a) of the last ul inside my div. So this is what came to mind: #menu ul:last-child li a { /*.....*/ } I cant manually add a class to that element, and even if i wanted to do it dynamically i would still have to target the element… >>> More
using last-child in css

as seen on Stack Overflow - Search for 'Stack Overflow'
the below css doesnt works on below given html. The purpose is to apply the css on the last 'li', but it doesnt. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } and html looks like <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc"… >>> More
Update last child id in parent table using mysql

as seen on Stack Overflow - Search for 'Stack Overflow'
Given the following tables: Topic id, last_updated_child_id Response id, topic_id, updated_at How do I update the Topic table so the last_updated_child_id is equal to the latest response id (based on date). So for example given: Topic id last_updated_child_id -- ----------------------- 1… >>> More
Traversing to the last child element in a tree using jQuery selector

as seen on Stack Overflow - Search for 'Stack Overflow'
<div id="myDIV"> <div> <span> <a href="#">Seek me!</a> </span> </div> </div> How can I find a tag with myLink id using jQuery selector (not looping through children()) If I know only myDIV id >>> More

Related posts about css

HTMLUNIT Facebook javascript warning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am trying to create simple application that would be able to search people on facebook using given e-mail. I am already able to log into an account using the HTMLunit tool and even create a page, which should throw result of my search. But when I try to print the result as XML the file is missing… >>> More
$this->headLink() includes duplicated script

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just like I did before, I used the following code for my new project. <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/button.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/inputText.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/fancyTable… >>> More
How much multiple style sheets slow down to website?

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is 3 css file (one is only for IE) <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie… >>> More
mod_pagespeed is rewriting but not combining

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following problem. I installed mod_pagespeed but i am not getting the results i want! It does rewrite my css and changes the to the cache url but its not combining the css files. I have seached the web and stackoverflow for it but did not find a solution. Here are the tags <link… >>> More
CSS import or multiple CSS files

as seen on Stack Overflow - Search for 'Stack Overflow'
I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional… >>> More