欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > DIV+CSS基础 >

CSS基础必学列表

CSS 指针

22选5河南最新开奖今 www.gsf5k.cn 什么是CSS指针?这里指针是指属于与被属于的关系 如.yangshi .yangshi_a{...}
对于yangshi_a是yangshi 指向的样式

扩展阅读css鼠标指针、css鼠标光标、css cursor

我们可以作1个实验来理解此CSS 指针 是什么
22选5河南最新开奖今样式
.yangshi{ width:300px; height:50px; border:1px solid #F00; margin:0 auto; text-align:right;}
.yangshi .yangshi_a{ float:left; width:30px; border:1px dashed #333;}
.yangshi .yangshi_b{ float:right; width:50px; border:1px dashed #333;}

 

<div class="yangshi">
<div class="yangshi_a">内容a</div>
<div class="yangshi_b">内容b</div>
</div>
<div class="clear"><img src="images/s.gif" /></div>

浏览器显示结果:
 

div css指针
就我们以上实例来做
我们将.yangshi .yangshi_b{...} 改为.yangshic .yangshi_b{...}
得到 .yangshic .yangshi_b{ float:right; width:50px; border:1px dashed #333;}
然后你浏览下结果
 

是的 是不是感觉yangshi_b虽然我们 在22选5河南最新开奖今使用class调用了但是失效了

怎么多中间的虚线了

那就是因为DIV独占一行的特性出来了

<div class="yangshi_b">内容b</div> 失效了

当然你会看到
css 指针
是的 是因为CSS指针属性,看到改后yangshi_b可以理解父级(yangshic)不存在(或html中改后yangshi_b父级是yangshi而不是yangshic所以为导致yangshic指针到yangshi_b的样式失败)

这个CSS指针我们可以很好利用

比如以后我们统一css命名 比如在一个网页中很多栏目标题我们就以.titles命名 我们可以利用CSS指针给他赋予不同父级 在不同地方使用并赋予不同CSS样式,利用这一特点 让我们维护更加容易,一看此命名就知道此处是某栏目标题意思

补充22选5河南最新开奖今
CSS 父级子级

如需转载,请注明文章出处和来源网址://www.gsf5k.cn/rumen/r238.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2010-04-25 16:58 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 震后十年·追忆与新生:关于2008年的那场地震,陕西有记忆 2019-03-24
  • 瑞典南部城市发生枪击案致5人伤 警方:与恐袭无关 2019-03-24
  • 樱桃-热门标签-华商生活 2019-03-24
  • 紫光阁中共中央国家机关工作委员会 2019-03-24
  • 黔江:1000余亩蓝莓成熟 市民乐享“莓”好时光 2019-03-24
  • 紫光阁中共中央国家机关工作委员会 2019-03-23
  • 【学习时刻】中央党校徐浩然:把“人民”二字镌刻在党的旗帜上 2019-03-23
  • 外贸持续稳中向好透露出哪些信息? 2019-03-23
  • 公众论坛官方网站首页·南方都市报·南方报业传媒集团 2019-03-23
  • 评论:抓实支部 责任上肩 2019-03-22
  • 袁隆平:即使海水稻已经成功,我的压力依然很大袁隆平压力 2019-03-22
  • 海外版望海楼:“五大观念”的时代价值 2019-03-22
  • 充分发挥人民政协职能优势 2019-03-22
  • 文化山西:晋中是“和”文化的发祥地 2019-03-21
  • 陈飞宇出席Vogue Film时装电影展 潮酷少年初长成 2019-03-21
  • 746| 606| 115| 689| 88| 228| 119| 645| 230| 316|