Day14选择器(CSS)

CSS选择器

接续这上篇 选择器也可以多重选择多个元素 像是
h1,th {color:brown}
只要加上逗点就可以让很多元素都和h1穿着一样的衣服哦

这样就可以搭配之前的表格做看看
结果会是这样子 只有h1和表格的标题th会是棕色
https://ithelp.ithome.com.tw/upload/images/20210912/20129404VBqbnCofp4.jpg

而另外他可以特别指定id 或是class

      <label id="id">我的Id</label>
      <label class="class">我的class</label>

以label来举例 一个特别定义id 一个定义class 那就是这样来指定他们

#id {
    color: red;
  }

.class{
    margin-left: 50px;
    color: chartreuse;
}

https://ithelp.ithome.com.tw/upload/images/20210912/20129404UcfaVjjSla.jpg

同样的方法也能指定全部的元素
那就是这个符号(*)
加入同样的公式 *{属性:属性质}

再举例一个
p.center {text-align: center;}
这样代表只有当含有class:center的p才会套用此样式
其他元素就算有center这个class的元素 而不是被p拥有 都无法套用此样式

还有一个特殊方法可以让一个class同时套用多种CSS

.red {
    color: red;
  }

.large{
    font-size: large;
}

假如style中已经有这两个样式 那麽就只要再class指定他们 以空格区隔就好了
<label class="large red">我的class</label>
https://ithelp.ithome.com.tw/upload/images/20210912/20129404YVe74HGsWZ.jpg


<<:  Day21-pytorch(4)Dataset、DataLoader

>>:  Flutter体验 Day 15-滚动组件

恳求解答

恳求解答 Microsoft 的 Configuration Manager 与Windows Se...

[Day12] 注册API – urls之user app资料夹

昨天我们搭了一座桥梁从project到user app了,紧接着我们要到user app底下的url...

DAY1-目录&说明

说明 演算法知识点繁多,利用30天的时间整理并总结,也更有系统的学习~~ 每篇文章将简述一个演算法或...

11. 解释 Callback Hell & 使用Promise

今天也是非同步资料请求的主题,复习一下在XHR(XMLHttpRequest)搭配Promise的用...

进击的软件工程师之路-软件战斗营 第十八周

学习进度 Android Studio (以下功能皆为自学) ChipGroup、Chip使用 Sw...