4-9. 交集选择器

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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 3,434评论 0 0
  • 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式...
    e919b03f06c2阅读 1,943评论 0 0
  • 标签选择器 什么是标签选择器?作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性 格式...
    muyang_js的简书阅读 3,395评论 0 0
  • 刚刚和舍友聊天完,很是有点闷闷不乐,舍友觉得我做的旅游代理太便宜,总感觉里面有诈。他们说出这些话的时候,我心里很不...
    她的全世界阅读 4,780评论 0 2
  • 中秋快乐哟!小伙伴们。 相处是两个人的事。和初中的朋友不知怎的就淡了。总是想去维系,但是每次都会有交流障碍。嗯,原...
    世俗凡人阅读 1,937评论 4 1