#Python&CSS选择器及样式效果

最新推荐文章于 2024-07-26 11:59:52 发布

一步一碌

最新推荐文章于 2024-07-26 11:59:52 发布

阅读量77

点赞数

分类专栏： #Python&爬虫文章标签： css python css3

本文链接：https://blog.csdn.net/weixin_48321071/article/details/122701964

版权

#Python&爬虫专栏收录该内容

25 篇文章 1 订阅

订阅专栏

css选择器简略

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #abc{
            color: pink;
        }
        li{
            border: 1px solid red;
        }
        .jay{
            color: green;
        }
        div,span{
            background: hotpink;
        }
        /*
        ul li{  空格表示子子孙孙，所有后代
            list-style: none;
        }
        */

        ul > li{ /* 表示儿子一层 */
            list-style: none;
        }
        h1 + h2{
            color: red;
        }
        a[target]{
            color: green;
        }
        a[target="_blank"]{
            text-decoration: none;
        }
        
    </style>
</head>
<body>
<!--    <ul>-->
<!--        <li>周某某</li>-->
<!--        <li id="abc">黎明</li>-->
<!--        <li>李某某</li>-->
<!--        <li>-->
<!--            <ol>-->
<!--                <li>1</li>-->
<!--                <li>2</li>-->
<!--                <li>3</li>-->
<!--                <li>4</li>-->
<!--                <li>5</li>-->
<!--            </ol>-->
<!--         </li>-->
<!--     </ul>-->
<!--    <ol>-->
<!--        <li>手电筒</li>-->
<!--        <li>电视机</li>-->
<!--        <li>黑板擦</li>-->
<!--    </ol>-->
<!--    <div class="jay">呵呵哒</div>-->
<!--    <span class="jay">呵呵哒</span>-->

<!--     <h1>我爱麻花藤</h1>-->
<!--     <h2>我爱黎明</h2>-->
<!--     <h2>我也爱黎明</h2>-->
        <a href="#" target="_blank">我是百度</a>
        <a href="#" target="_self">我是self</a>
        <a href="#">我是啥也没有</a>



</body>
</html>

#　CSS样式效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="mycss.css">
    <style>
        span{
             color: pink;
        }
    </style>
</head>
<body>
        <div style="width: 100px;height: 100px;border: 1px solid red;">你好，我叫周润发</div>
        <span>我爱黎明</span>
</body>
</html>