CSS-基础选择器


基础选择器

分为标签选择器、id选择器、类选择器和通用符选择器

标签选择器

以html的标签名作为选择器,进行选择

p {
    color: red;
}

类选择器

样式点定义 结构类调用 一个或多个 开发最常用

.red {
    color: red;
}
  • 不能使用纯数字或中文作为类名
  • 类名名字过长用-分隔

可以给clas属性使用多个类名,只需使用空格分开。

  • 对于多个类,属性值重复的时候怎么解决?

id选择器

样式#定义 结构id调用 只能调用一次 别人切勿使用

<style>
    #pink {

    }
</style>
<div id="pink"></div>

通配符选择器

* 通配符,会修改所用标签的样式,不需要调用


文章作者: 木叶勇
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 木叶勇 !
 上一篇
CSS-盒子模型 CSS-盒子模型
css盒子模型 盒子模型包含四个部分:内容(centent)、内边距(padding)、边框(border)和外边距(margin) 边框(border) 属性 说明 border-style 设置边框的样式,常用 dotte
2020-04-15
下一篇 
CSS-复合选择器 CSS-复合选择器
css复合选择器后代选择器 选择父选择器的的所有符合条件的子选择器,父选择器和子选择器可以是任意的基础选着器 父选择器 子选择器 { 设置属性 } 子元素选择器 选择直接关联的子选择器 父选择器 子选择器{ 设置属性
2020-04-15
  目录