css如何选择同一个class下的第一个div?

2025-03-02 10:32:34

推荐回答（5个）

回答1：

.content:first{...}
.content:nth-child(1){...}
CSS3 :nth-child() 选择器
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。
CSS :first-child 选择器
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

回答2：

看看是不是你要的


.warp .content{
	background-color: #ccc;
 	height: 30px;
}
.warp .content:first-child{
	background-color: #000;
}


1

css没有同级选择的。只需要换个思路就行了。

一般来说，动态调整css都是使用js来做。

回答4：

//页面加载
$(document).ready(function(){
//给所有的父类DIV添加事件
$('.class_one').live('click', function() {
$(this).children().eq(1).css("display","none");
});
});
你在你的JS中加入这样一段话
它的意思是:点击父类时，找到父类下的第二个子集，给这个子集添加css样式

希望能对你有所帮助吧!