css3类选择器之结合元素选择器和多类选择器用法

互联网   03-09 14:01:24   作者:佚名   我要评论

这篇文章主要介绍了css3类选择器之结合元素选择器和多类选择器用法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

下面一段代码给大家介绍css3类选择器之结合元素选择器和多类选择器用法,具体代码如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .p2{font-size:30px;}
        /*结合元素选择器*/
        p.p1{color:rebeccapurple;}
        /*多类选择器*/
        .p1.p2{font-style: italic;}
    </style>
</head>
<body>
    <div class="p1">看我</div>
    <p class="p1">我就是我</p>
    <p class="p2">我是一段文字</p>
    <p class="p1 p2">我还是斜体字</p>
</body>
</html>

以上所述是小编给大家介绍的css3类选择器之结合元素选择器和多类选择器用法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • css id选择器使用_动力节点Java学院整理

    这篇文章主要为大家详细介绍了css id选择器使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-22
  • CSS 属性选择器_动力节点Java学院整理

    对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。下文给大家介绍了css属性选择器的相关知识,感兴趣的朋友一
    2017-06-22
  • 总结30个CSS3选择器

    本文总结了30个CSS3选择器,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-13
  • 详解css常用选择器

    本文主要对CSS选择器进行详细介绍,对初学CSS样式的朋友具有很好的参考价值。下面跟着小编一起来看下吧
    2016-12-23
  • 对CSS3选择器的研究(详解)

    下面小编就为大家带来一篇对CSS3选择器的研究(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-09-16
  • CSS选择器的权重与优先规则分享

    在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先
    2016-09-11
  • CSS 选择器演示

    点击左侧列表中的选择器,即可在右侧中预览到选择器匹配到的内容。如果没有任何匹配,说明所使用的浏览器不支持该选择器
    2016-08-30
  • 全面了解css 属性选择器

    下面小编就为大家带来一篇全面了解css 属性选择器。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-20
  • CSS的相邻兄弟选择器用法简单讲解

    对于有相同父元素的相邻HTML元素查找便可以使用CSS的相邻兄弟选择器,这里我们就来看一下CSS的相邻兄弟选择器用法简单讲解:
    2016-07-12
  • 举例讲解CSS的子元素选择器用法

    相比后代选择器,子元素选择器只能向下一步步寻找最临近的子元素,局限性更大些,这里我们就来举例讲解CSS的子元素选择器用法,需要的朋友可以参考下
    2016-07-12

最新评论