前端学习笔记-10-案例CSS基本选择器

丰。。

于 2021-10-31 15:29:26 发布

阅读量861

点赞数 1

CC 4.0 BY-SA版权

分类专栏：计算机网络原理爬虫学习笔记文章标签：前端 css css3

本文链接：https://blog.csdn.net/CSDNXXCQ/article/details/121064808

爬虫学习笔记同时被 2 个专栏收录

66 篇文章

订阅专栏

计算机网络原理

57 篇文章

订阅专栏

本文详细解析了HTML和CSS的选择器用法，包括id选择器、类选择器及元素选择器的应用，带你理解如何精准定位网页元素并修改样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        /*id选择器*/
        #d1 {  
            color: greenyellow;
        /*类选择器*/
        /*.c1 { 
         color: red;
        /*}*/
        /*元素(标签)选择器*/
        /*span {  !*找到所有的span标签*!*/
        /*    color: red;*/
        /*}*/
        /*通用选择器*/
        /** {  !*将html页面上所有的标签全部找到*!*/
        /*    color: green;*/
        /*}*/
    </style>
</head>
<body>
    <div id="d1" class="c1 c2">div
        <p>div里面的p</p>
        <span>div里面的span</span>
    </div>
    <p id="d2" class="c1 c2">标签一</p>
    <span id="d3" class="c2">标签二</span>
    <span id="d4" class="c3">标签三</span>
</body>
</html>