4-9. 交集选择器

作者: 一Left一 | 来源:发表于2017-12-04 17:09 被阅读5次

1、 给所有选择器选中的标签中, 相交的那部分标签设置属性

2、链接符:无

3、格式

选择器1选择器2{
    属性: 值;
}

4、注意点:
选择器和选择器之间没有任何的连接符号
选择器可以使用标签名称/id名称/class名称
交集选择器仅仅作为了解, 企业开发中用的并不多

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p.choose{
/* p标签中类名为choose的标签*/
            color: red;
        }
    </style>
</head>
<body>
<ul>
    <li>
        <p class="choose">我是段落,红色</p>
        <h1 class="choose">我是一个标题</h1>
        <p>爱上你看到过嘉年华</p>
    </li>
    <li>
        <p>我是段落</p>
    </li>
</ul>
</body>

相关文章

  • 4-9. 交集选择器

    1、 给所有选择器选中的标签中, 相交的那部分标签设置属性 2、链接符:无 3、格式 4、注意点:选择器和选择器之...

  • CSS复合选择器

    交集选择器 并集选持器 后代选择器 子元素选择器 相邻兄弟选择器 属性选择器 交集选择器 交集选择器由两个选择器直...

  • css选择器

    后代选择器 交集选择器

  • CSS学习笔记(三)

    选择器(二) 1. 交集选择器 交集选择器是由标签选择器和类选择器组成的,使用的格式以“标签选择器.类选择器{}”...

  • CSS选择器-2

    1. 交集选择器 什么是交集选择器 作用:给所有选择器选中的标签中,相交的那部分标签设置属性 格式: 选择器1选择...

  • 关于CSS样式的总结

    CSS符合选择器 交集选择器 交集选择器使用的方法是HTML标签+类选择器,具体的表现形式如下:p.one 其中p...

  • ## CSS选择器

    ## CSS选择器 # 标签选择器 # id选择器 # 类选择器 # 后代选择器 # 子元素选择器 # 交集选择器...

  • 复合选择器(交集、后代、子代、并集)

    1、交集选择器 2、后代选择器 3、子代选择器 4、并集选择器 5、综合应用

  • 第六篇 CSS-03

    1.交集选择器:将两个选择器直接连在一起而形成的选择器被叫做交集选择器,如p[align],表示既是p标签又具有a...

  • CSS选择器

    css选择器: 标签选择器 id选择器 类选择器 后代选择器 子元素选择器 交集选择器 并集选择器 兄弟选...

网友评论

    本文标题:4-9. 交集选择器

    本文链接:https://www.haomeiwen.com/subject/hjtbmxtx.html