(javascript)CSS如何取最后一个class为a的元素？

关于网友提出的“(javascript)CSS如何取最后一个class为a的元素？
”问题疑问，本网通过在网上对“(javascript)CSS如何取最后一个class为a的元素？
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：(javascript)CSS如何取最后一个class为a的元素？
描述:

一般取最后一个元素使用:last-child，如果是取最后一个class为a的元素该怎么办？能使用css完成吗？

.primary-tag:first-child {
    color:red;
}

.primary-tag:last-child {
    color:blue;
}

好尴尬，:first有用，:last没用

创意设计
技术开发
极客数码
文艺生活
资源下载

---

解决方案1:

没问题啊,要加上边框样式，才能看到结果
CSS修改为:

.primary-tag {
    border-left:1px solid red;
    border-right:1px solid red;
    border-top:1px solid red;
}

.primary-tag:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.primary-tag:last-child {
    border-bottom:1px solid red;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

HTML:

    

        创意设计
        

        
    
    

        技术开发
        
    
    

        极客数码
        
    
    

        文艺生活
        
    
    

        资源下载
        
    

解决方案2:

选择器是没有问题的，你是有其他的东西干扰了

https://jsfiddle.net/gfje2tay/1/

解决方案3:

没太懂，不一样可以用last-child吗？

    
123456
    
123456
    
123456
    
123456
    
123456
    
123456

解决方案4:

$('.a:last-child')

解决方案5:

$('.a') 取出所有class为a的标签,再取出的数组里面取最后一个

解决方案6:

题主的要求是“取最后一个 class 为 a 的元素”，而li.a:last-child这个选择器的意思是“取 class 为 a 的，且该元素是其父元素中最后一个子元素的那个元素”，两者是有区别的。
也就是说：如果最后一个子元素有 a 这个类，选择器生效，而如果没有 a 类，选择器失效。

例如：

    
content
    
content

这种情况选择器li.a:last-child生效，而：

    
content
    
content

这种情况选择器失效，不会选中任何元素。

因此题主的需求“取最后一个 class 为 a 的元素”，仅通过 CSS 是无法实现的。

解决方案7:

:first-child 是匹配父元素的第一个子元素，:last-child 是匹配父元素的最后一个子元素（这里要求这个子元素必须是父元素里的最后一个子元素），如果是最后一个class为a的元素，我觉得可能用 .a:nth-last-of-type(1) 更合适一点吧。

以上介绍了“(javascript)CSS如何取最后一个class为a的元素？”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/1017651.html