H5/Web前端开发教程Web前端之路Web 前端开发

4-9. 交集选择器

2017-12-04  本文已影响5人  一Left一

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>
上一篇下一篇

猜你喜欢

热点阅读