• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 搞笑文章 > 正文

    一个上下文无关文法的开始符 [CSS上下文选择符实现基于位置为HTML元素添加样式]

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站

    CSS的选择符有三种。①上下文选择符;②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元素添加样式
    比如我们想位于article和aside标签中的p标签,设置不同的样式

    上下文选择符也叫后代组合式选择符,是以空格分隔标签名的,其格式为:
    标签1 标签2 {声明}
    这里的标签就是HTML元素,标签2是我们想要选择的目标,而且只有在标签1是标签2的祖先元素时才能选中标签2.只要是祖先元素即可,不一定非要是父元素

    我们以下列HTML代码为例,进行演示:
     

    复制代码
    • 一个上下文无关文法的开始符 [CSS上下文选择符实现基于位置为HTML元素添加样式] 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全