其他分享
首页 > 其他分享> > 基础选择器之类选择器

基础选择器之类选择器

作者:互联网

基础选择器之类选择器

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础选择器之类选择器</title>
    <style>
        /* 类选择器口诀:样式点定义 类结构(class)调用 一个或多个 开发最常用 */
        
        .red {
            color: red;
        }
        /* 长名称或者词组可以用中横线来为选择器命名*/
        
        .star-sing {
            color: pink;
        }
    </style>
</head>

<body>
    <ul>
        <li class="red">冰雨</li>
        <li>来生缘</li>
        <li>李香兰</li>
        <li>生僻字</li>
        <li class="star-sing">江南</li>

    </ul>
    <div class="red">我也想要变红色</div>
</body>

</html>

效果展示

在这里插入图片描述

标签:color,基础,之类,冰雨,选择器,red
来源: https://blog.csdn.net/WangZhang_521/article/details/122094881