DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

css中“>”是什么意思?

  • css中“>”是什么意思?

  • 已被浏览: 12
  • >是css中的子元素选择器,用来选择某个元素的子元素。如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器。
    CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

    css中“>”是css3特有的子元素选择器,A>B表示选择A元素的所有子B元素。

    如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。

    例如,如果您希望选择只作为 h1 元素子元素的 strong 元素,可以这样写:

    h1 > strong {color:red;}

    这个规则会把第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响:

    示例:

    <!DOCTYPE HTML>
    <html>
    <head>
    <style type="text/css">
    h1 > strong {color:red;}
    </style>
    </head>
    
    <body>
    <h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
    <h1>This is <em>really <strong>very</strong></em> important.</h1>
    </body>
    </html>

    效果图:

    1 (2).jpg

    以上就是css中“>”是什么意思?的详细内容,更多请关注DMOZ中文网站分类目录其它相关文章!

    TAG:CSS

  • 上一篇:css怎样设置div背景色渐变?
  • 与“css中“&gt;”是什么意思?”相关的资讯
  • CSS 选择器 — 重学前端
  • 90.CSS列表项悬停特效
  • html+css+js实现2048小游戏(PC)
  • 这 16 个 CSS 伪类,助你提升布局效率!
  • 83.CSS悬停效果(只是为了好玩)