css基本选择器使用教程

在编写网页时，样式是起到很关键的作用的。CSS的选择器就是用来选择你想要设置样式的HTML元素。本文将会介绍CSS基本选择器的使用教程。

CSS选择器有很多种分类，但是基本选择器是最基础的一种。它们允许你选择某个特定的HTML元素。

/* 选择单个元素 */p {
}
 //选择所有的段落元素h1 {
}
 //选择所有的h1标题元素img {
}
 //选择所有的图片元素/* 选择一类元素 */.class {
}
 //选择具备指定的class名称的元素/* 选择ID元素 */#id {
}
     //选择具备指定的id名称的元素

假设网页中有如下的HTML代码：

h1>
    欢迎来到我的博客！/h1>
    p class="introduction">
    这是我的博客，你可以在这里阅读我的文章。/p>
    p class="article">
    今天发了一篇很有趣的文章。/p>
    img src="my-image.jpg" alt="博客图片">
    p id="contact">
    联系我：myemail@example.com/p>

请看下面几个例子：

/* 选择单个元素 */h1{
}
     //会选择 h1>
    /h1>
img{
}
     //会选择 img src="my-image.jpg" alt="博客图片">
/* 选择一类元素 */.article{
}
     //会选择 p class="article">
    /p>
/* 选择ID元素 */#contact{
}
     //会选择 p id="contact">
    /p>
    

学会使用基本选择器是CSS学习的第一步。当你能够正确使用它们时，你就可以开始尝试使用更高级的选择器了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！