css-入门-1.2

最新推荐文章于 2025-08-07 11:18:45 发布

彩舒

最新推荐文章于 2025-08-07 11:18:45 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏：前端技术文章标签： css

本文链接：https://blog.youkuaiyun.com/caishu1995/article/details/88337068

前端技术专栏收录该内容

105 篇文章

订阅专栏

<html>
<head>
    <style>
        *{ float:left; width: 200px; }
        .aa { background-color: red; }
        p { margin: 0; padding: 0; }
        p[name^="My"] { background-color: yellow; }/* My开头 */
        p[name$="My"] { background-color: blue; }  /* My结尾 */
        p[name*="Name"] {color: gray}              /* 存在Name */
        #DD { background-color: #c5c5c5; }

        /* 单双行，odd 单 */
        ul li:nth-child(odd){ color: red; }
        ul li:nth-child(even){ color: blue; }
    </style>
    <link rel="stylesheet" type="text/css" href="theme.css" />
</head>
<body style="width: 500px;">
    <div class="aa">A</div>
    <p name="MyName">B</p>
    <p name="NameMy">C</p>
    <div id="DD">D</div>
    <ul>
        <li>e</li>
        <li>e</li>
        <li>e</li>
        <li>e</li>
    </ul>
</body>
</html>