div 使用了两个class 如何指定 div子类的样式
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div 使用了两个class 如何指定 div子类的样式相关的知识,希望对你有一定的参考价值。
参考技术A 你的这种方法已经同事有了这两个css样式了我给你加了几个条件
你看看
<style>
.style1margin:0px
auto;.style2
padding:0px
7px;
border:1px
solid
#000000;
width:500px;</style>
<div
class="style1
style2">
<div>
这里的样式如何添加,我不想在这个div中加
style
class或id</div>
</div>
你看看这个效果
然后去掉style1样式
看看效果
就明白了
呵呵
css如何选择同一个class下的第一个div?
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
类似于这样的布局,请问如何用css选择器,找到相同class下第一个div?或者说指定div?
.content:nth-child(1)...
CSS3 :nth-child() 选择器
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。
CSS :first-child 选择器
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。 参考技术A
看看是不是你要的
<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来做。
参考技术B <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> 参考技术C //页面加载
$(document).ready(function()
//给所有的父类DIV添加事件
$('.class_one').live('click', function()
$(this).children().eq(1).css("display","none");
);
);
你在你的JS中加入这样一段话
它的意思是:点击父类时,找到父类下的第二个子集,给这个子集添加css样式
希望能对你有所帮助吧! 参考技术D <div class="content name(空格后加个名称)"></div>
<div class="content"></div>
<div class="content"></div>
.name就可以独立控制了
以上是关于div 使用了两个class 如何指定 div子类的样式的主要内容,如果未能解决你的问题,请参考以下文章