其他分享
首页 > 其他分享> > CSS中的~号理解

CSS中的~号理解

作者:互联网

这是 CSS3 element1~element2 选择器

定义和用法

element1~element2 选择器 element1 之后出现的所有 element2。
两种元素必须拥有相同的父元素,但是 element2 不必直接紧随 element1。

实例

为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>涂诣</title>
<style type="text/css">
    div~ul{
        background:#ff0000;
    }
</style>
</head>
<body>
    <h1>~选择题</h1>
    <div>
        <ul>1</ul>
        <ul>2</ul>
        <ul>3</ul>
        <ul>4</ul>
    </div>
</body>
</html>

标签:element1,element2,所有,元素,ul,理解,选择器,CSS
来源: https://www.cnblogs.com/tooyi/p/13418971.html