仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1039|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS实例教程:CSS指针

[复制链接]
因胸联盟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:57:56 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现
破洛洛文章简介:甚么是CSS指针?这里指针是指属于与被属于的干系如.yangshi.yangshi_a{...}
甚么是CSS指针?这里指针是指属于与被属于的干系如.yangshi.yangshi_a{...}
关于yangshi_a是yangshi指向的款式
我们能够作1个实行来了解此CSS指针是甚么
原CSSdiv款式
.yangshi{width:300px;height:50px;border:1pxsolid#F00;margin:0auto;text-align:right;}
.yangshi.yangshi_a{float:left;width:30px;border:1pxdashed#333;}
.yangshi.yangshi_b{float:right;width:50px;border:1pxdashed#333;}

<divclass="yangshi">
<divclass="yangshi_a">内容a</div>
<divclass="yangshi_b">内容b</div>
</div>
<divclass="clear"><imgsrc="images/s.gif"/></div>
扫瞄器显现了局:


就我们以上实例来做
我们将.yangshi.yangshi_b{...}改成.yangshic.yangshi_b{...}
失掉.yangshic.yangshi_b{float:right;width:50px;border:1pxdashed#333;}
然后你扫瞄下了局

CSS指针效果
是的是否是感到yangshi_b固然我们在DIV利用class挪用了可是生效了
怎样多两头的虚线了
那就是由于DIV独有一行的特征出来了
而<divclass="yangshi_b">内容b</div>生效了
固然你会看到

是的是由于CSS指针属性,看到改后yangshi_b能够了解父级(yangshic)不存在(或html中改后yangshi_b父级是yangshi而不是yangshic以是为招致yangshic指针到yangshi_b的款式失利)
这个CSS指针我们能够很好使用
好比今后我们一致定名好比在一个网页中良多栏方针题我们就以.titles定名我们能够使用CSS指针给他付与分歧父级在分歧中央利用并付与分歧CSS款式,使用这一特性让我们保护加倍简单,一看此定名就晓得此处是某栏方针题意义
</p>
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-6-13 04:49

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表