资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

css兄弟样式,css选择前面的兄弟

jquery如何利用css选择器去除兄弟样式

$('.class').removeClass(.class) 第一个class为选择器class 第二个为需要移除的class

创新互联建站专注于企业全网营销推广、网站重做改版、共和网站定制设计、自适应品牌网站建设、H5建站商城网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为共和等各大城市提供网站开发制作服务。

CSS父元素的子元素样式控制另一子元素怎么实现?

你说讲的这应该是同级兄弟元素之间的CSS控制。

话说有一种选择器就叫兄弟元素选择器,分为临近兄弟和普通兄弟。

临近兄弟:用 + 表示,只匹配该元素后边的第一个同级元素。

普通兄弟:用 ~ 表示,匹配该元素后边的所有同级元素。

给个例子:

style

div#aa { }

div#aa p { font-size: 14px; color: #000; }

div#aa p.on { color: #f00; }

div#aa p.on ~ span { color: #00f; }

div#aa p.on + span { color: #0f0; font-weight: bold; }

/style

div id="aa"

p class="on"sdf/p

spansdf/span

spansdf/span

/div

当把p的class设为on的时候,span的样式也跟着改变。

不知道这么说清楚没有。

另外这种方式IE6是不支持的。慎用吧。

css中父亲,孩子还有兄弟姐妹是怎么回事?

按我自己的理解,举个例子吧。

body

div class="1"

这里的字大小14px。

div class="2"这里字的颜色为红色。/div

div class="3"颜色为黄色。/div

/div

style

body{font-size:14px;}

.2{color:red;}

.3{color:yellow;}

/style

在这里,关于字体大小的那个div内的元素继承了body下定义的样式,body是它的父元素;两个关于颜色的div,它们对应的样式是兄弟关系


本文名称:css兄弟样式,css选择前面的兄弟
网页URL:http://cdkjz.cn/article/dsdehhj.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220