css如何选择同一个class下的第一个div?
<divclass="content"></div><divclass="content"></div><divclass="content"></div>类似于这样的布...
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
类似于这样的布局，请问如何用css选择器，找到相同class下第一个div？或者说指定div？ 展开
<div class="content"></div>
<div class="content"></div>
类似于这样的布局，请问如何用css选择器，找到相同class下第一个div？或者说指定div？ 展开
10个回答
展开全部
.content:first{...}
.content:nth-child(1){...}
CSS3 :nth-child() 选择器
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。
CSS :first-child 选择器
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。
.content:nth-child(1){...}
CSS3 :nth-child() 选择器
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。
CSS :first-child 选择器
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看看是不是你要的
<style type="text/css">
.warp .content{
background-color: #ccc;
height: 30px;
}
.warp .content:first-child{
background-color: #000;
}
</style>
<div class="warp">
<div class="content">1</div>
<div class="content">2</div>
<div class="content">3</div>
</div>
css没有同级选择的。只需要换个思路就行了。
一般来说，动态调整css都是使用js来做。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>//文件在网上找
<script type="text/javascript">
$(document).ready(function(){
$(".con:first").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<div class="con">1</div>
<div class="con">1</div>
<div class="con">1</div>
</body>
</html>
</body>
</html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>//文件在网上找
<script type="text/javascript">
$(document).ready(function(){
$(".con:first").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<div class="con">1</div>
<div class="con">1</div>
<div class="con">1</div>
</body>
</html>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//页面加载
$(document).ready(function(){
//给所有的父类DIV添加事件
$('.class_one').live('click', function() {
$(this).children().eq(1).css("display","none");
});
});
你在你的JS中加入这样一段话
它的意思是:点击父类时，找到父类下的第二个子集，给这个子集添加css样式
希望能对你有所帮助吧!
$(document).ready(function(){
//给所有的父类DIV添加事件
$('.class_one').live('click', function() {
$(this).children().eq(1).css("display","none");
});
});
你在你的JS中加入这样一段话
它的意思是:点击父类时，找到父类下的第二个子集，给这个子集添加css样式
希望能对你有所帮助吧!
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class="content name（空格后加个名称）"></div>
<div class="content"></div>
<div class="content"></div>
.name{就可以独立控制了}
<div class="content"></div>
<div class="content"></div>
.name{就可以独立控制了}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（8）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
