css基本选择器三个

CSS是一门用来控制网页样式的技术，常用的选择器有基本选择器、关系选择器、属性选择器、伪类选择器等等。本文主要介绍CSS的基本选择器，包括ID选择器、类选择器和标签选择器。

/* ID选择器 */#id {
/* 样式代码 */}
    

ID选择器以#开头，后面跟上ID的名称，可以选择具有该ID的元素。例如：

/* HTML代码 */div id="header">
    h1>
    这是标题/h1>
    /div>
/* CSS代码 */#header {
    background-color: #333;
    color: #fff;
}

上面的代码表示选择具有id="header"的div元素，并将其背景颜色设置为#333，文字颜色设置为白色。

/* 类选择器 */.class {
/* 样式代码 */}
    

类选择器以.开头，后面跟上类的名称，可以选择具有该类的元素。多个元素可以拥有同一个类名，这样可以对这些元素设置相同的样式。例如：

/* HTML代码 */p class="intro">
    这是一个段落。/p>
    p class="intro">
    这是另一个段落。/p>
/* CSS代码 */.intro {
    font-style: italic;
}

上面的代码表示选择所有具有class="intro"的p元素，并将其字体样式设置为斜体。

/* 标签选择器 */p {
/* 样式代码 */}
    

标签选择器可以选择所有同种类型的元素，例如p元素、h1元素等等。例如：

/* HTML代码 */p>
    这是一个段落。/p>
    h1>
    这是标题/h1>
/* CSS代码 */p {
    font-size: 16px;
}
    

上面的代码表示选择所有的p元素，并将其字体大小设置为16px。

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