CSS基础选择器

晓梦 2020年6月30日18:18:00学习笔记1 44408字阅读1分21秒

标签选择器

所有指定(该)类型的HTML元素,如p即所有<p>标签文章源自晓梦博客-https://www.xmbkw.com/8.html

p {
  color: red;
}
<p>红色</p>

类选择器

具有特定类的元素(单一页面中,一个类可以有多个实例)文章源自晓梦博客-https://www.xmbkw.com/8.html

.box {
    width: 100px;
    height: 100px;
}
.red {
    background-color: red;
}
<!-- 单类名 -->
<div class="red">红色</div>
<!-- 多类名 -->
<div class="box red">红色100px</div>

id选择器

具有特定 ID 的元素(单一 HTML 页面中,每个 ID 只对应一个元素,一个元素只对应一个 ID)文章源自晓梦博客-https://www.xmbkw.com/8.html

#p1 {
    width: 100px;
    height: 100px;
    background-color: red;
}
<div id="p1">红色100px</div>

通配符选择器

选择文档中所有内容(或者是父元素中的所有内容,比如,它紧随在其他元素以及邻代运算符之后的时候)文章源自晓梦博客-https://www.xmbkw.com/8.html

* {
    margin: 0;
}
文章源自晓梦博客-https://www.xmbkw.com/8.html
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
晓梦
  • 本文由 发表于 2020年6月30日18:18:00
  • 转载请务必保留本文链接:https://www.xmbkw.com/8.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定

评论:1   其中:访客  1   博主  0
    • 惠州注册公司
      惠州注册公司 0

      又发现一个好站,收藏了~以后会经常光顾的|´・ω・)ノ