css两标签之间没有空格

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,标签直接没有空格,也叫做紧挨着写,是一种选择器组合的方式,这种方式常用于父子元素的应用。/* 通过标签名及class选择器选取元素 */ p.example { font-weight:

在CSS中,标签直接没有空格,也叫做紧挨着写,是一种选择器组合的方式,这种方式常用于父子元素的应用。

/* 通过标签名及class选择器选取元素 */
p.example {
  font-weight: bold;
} 

上面的代码就表示选取所有class为“example”的p元素,并设置其字体为粗体。

/* 通过id及标签名选择器选取元素 */
#header h1 {
  font-size: 28px;
} 

上面的代码就表示选取id为“header”的元素内第一级h1元素,并设置其字体大小为28像素。

在两标签之间没有空格的情况下,都是通过标签名、类名或者id来选取元素,以组合成一条选择器。

/* 通过后代选择器选取元素 */
article p {
  line-height: 1.5;
} 

上面的代码就表示选取article元素内的所有p元素,并设置其行高为1.5。

在编写CSS代码时,正确使用紧贴着写的选择器可以使样式选择更加精准和高效。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css两标签之间没有空格

粉丝

0

关注

0

收藏

0

已有0次打赏