样式的应用范围 - ID 选择器

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

id 选择器就是使用元素上在的 id 号作为样式的选择器 ... 在这个 h1 元素上,我们可以添加一个 id .. 使用 html 的 id 这个属性 ... 它的值可以自己定义 .. 这里我把它设置成 title ..

要注意的是,一个页面上,同一个 id 只能出现一次,也就是你在这个 h1 元素上使用了一个 title id ,在其它的地方就不能再用这个 id 号了 ..

在样式表里我们给 title 这个 id 去添加点样式 .. id 选择器使用 # 号开头 .. 然后是 id 的名字 .. 再用一组大括号 .. 里面是为使用这个 id 的元素设计的样式 ..

这里给它添加一个一像素的灰色的下边的边框 ... 用的是 border-bottom 这个属性,border 是边框的样式 .. bottom 就是底部 .. 它的值是 1px solid #ccc ... 表示 1 个像素的灰色的实线 ..

另起一行,在设置一下内边距 ... 使用 padding-bottom 属性 .. padding 是内边距 .. bottom 表示底部 .. 它的值设置成 10px ...

你会看到,页面上的这个大标题,会出现一个灰色的边框,这就是我们给在这个元素上添加的 id 设计的样式 .. 同时它的文字颜色还是红色 .. 这个样式来自在它上面使用的 red 这个类 ...

样式的应用范围 - ID 选择器《 CSS:样式语言 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点