Css3选择器(二)_html/css_WEB-ITnose

<div id="myDiv">HelloWorld</div><div class="div1"></div><div class="div1"></div><div class="div1"></div>

<p title="">Hello</p>[title]{    color: aqua;}

[href]{    font-size: 30px;}<a href="">百度</a>

[href="https://www.baidu.com"]{    font-size: 30px;}<a href="https://www.baidu.com">百度</a>

<p title="a">Hello</p><p title="b">Hello</p><p title="c a">Hello</p><p title="d a">Hello</p><p title="ea">Hello</p>[title~="a"]{    font-size: 50px;}

<p>This is my <strong>web</strong> page</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1622">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679997972005.png" alt="宣小二">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1622">宣小二</a>
                            <p>宣小二：媒体发稿平台，自媒体发稿平台，短视频矩阵发布平台，基于AI驱动的企业自助式投放平台。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="宣小二">
                                <span>21</span>
                            </div>
                        </div>
                        <a href="/ai/1622" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="宣小二">
                        </a>
                    </div>
                p strong{    color: fuchsia;}

p>i{    color: fuchsia;    font-size: 30px;}<p>This is my <strong>web <i>Hello Hello</i></strong> page</p>

li+li{    font-size: 50px;    color: red;}<div>    <ul>        <li>item1</li>        <li>item2</li>        <li>item3</li>    </ul></div>