CSS保姆级教程（二）(选择符的分类，伪类及对象）

悟空

已于 2022-03-16 16:19:48 修改

阅读量392

点赞数 6

分类专栏： # 网页基础文章标签： css 前端 html

于 2022-02-24 15:09:45 首次发布

本文链接：https://blog.csdn.net/m0_50991874/article/details/123112033

版权

本文是CSS教程的第二部分，主要介绍了选择符的分类，包括普通选择符、类选择符和id选择符，并详细讲解了它们的区别。此外，还探讨了伪类的应用，如超链接伪类和常用伪对象，如`first-letter`和`first-line`，并给出了相关代码示例。

摘要由CSDN通过智能技术生成

📒博客主页：悟空的博客主页
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
🙉作者简介：一只还在学本领的石猴 🐵
👀关注公众号【悟空信条】，简历模板、学习资料、面试题库等通通分享🎁
🙏作者水平很有限，如果发现错误，一定要及时告知作者哦！感谢感谢！🚤

已完结：《CSS看着一篇就够了》

3.选择符的分类

3.1 普通选择符

任意的HTML标记都可以作为选择符，这样的选择符称为普通选择符。其样式仅仅作用在选择符指定的HTML标记上。如：

p{
    color:red;
}

3.2 类选择符

假如我们希望<p>标签有两个样式；一种居中对齐；一种居右对其，我们可以写成如下格式
代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>类选择符</title>
        <style>
            p.right{
    
                text-align:right
            }
            p.center{
    
                text-align:center
            }
        </style>
    </head>
    <body>
            <p class="right">这