CSS如何取最后一个class为a的元素

看看是不是你想要的：

<style type="text/css">

warp a{

    background-color: #ccc;

   height: 30px;

}

warp a:last-child{ /最后一个 class为a 的元素/

    background-color: #000;

}

</style>

<div class="warp">

<div class="a">1</div>

<div class="a">2</div>

<div class="a">3</div>

</div>

请参照 css3 伪类选择器；

:first-child

选择某个元素的第一个子元素（IE6不支持）

:last-child

选择某个元素的最后一个子元素

:first-of-type

[CSS3]选择一个上级元素下的第一个同类子元素

:last-of-type

[CSS3]选择一个上级元素的最后一个同类子元素

:only-child

[CSS3]选择的元素是它的父元素的唯一一个了元素（IE6-8不支持）

:only-of-type

[CSS3]选择一个元素是它的上级元素的唯一一个相同类型的子元素（IE6-8不支持）

:nth-child()

[CSS3]选择某个元素的一个或多个特定的子元素（IE6-8不支持）

:nth-last-child()

[CSS3]选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算（IE6-8不支持）

:nth-of-type()

[CSS3]选择指定的元素（IE6-8不支持）

:nth-last-of-type()

[CSS3]选择指定的元素，从元素的最后一个开始计算（IE6-8不支持）

用js如何获取div中css的

margin、padding、height、border等。你可能说可以直接用documentgetElementById("id")stylemargin获取。但是你说的只能获取直接在标签中写的style的属性，无法获取标签style外的属性（如css文件中的属性)。而下面方法则两者值都可以获取。

实例效果图如下:

js在获取css属性时如果标签中无style则无法直接获取css中的属性，所以需要一个方法可以做到这点。

getStyle(obj,attr)

调用方法说明：obj为对像,attr为属性名必须兼容js中的写法(可以参考：JS可以控制样式的名称写法)。

Js代码

复制代码

代码如下:

function

getStyle(obj,attr){

var

ie

=

!+"\v1";//简单判断ie6~8

if(attr=="backgroundPosition"){//IE6~8不兼容backgroundPosition写法，识别backgroundPositionX/Y

if(ie){

return

objcurrentStylebackgroundPositionX

+"

"+objcurrentStylebackgroundPositionY;

}

}

if(objcurrentStyle){

return

objcurrentStyle[attr];

}

else{

return

documentdefaultViewgetComputedStyle(obj,null)[attr];

}

}

以上就是关于CSS如何取最后一个class为a的元素全部的内容，包括:CSS如何取最后一个class为a的元素、css中如何获取dom元素、js获取某元素的class里面的css属性值代码等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！