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:first...
.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子类的样式的主要内容,如果未能解决你的问题,请参考以下文章

js如何获取DIV的 class值?

BeautifulSoup获取指定class样式的div

如何在不指定宽度的情况下使两个 DIV 相邻浮动?

js如何在指定的div内使用getElementsByTagName获取元素

div 中id和class使用讲解

两个DIV如何浮动在一行?