.container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 100px 100px 100px; grid-gap: 10px; } .item { background-color: #fff; border: 1px solid #ccc; padding: 10px; text-align: center; }另外,CSS还新增了一些有意思的选择器,如:first-of-type和:nth-child(n)等。这些选择器可以让我们更精确地选中文档中的某些元素,比如下面的代码就可以选中第一个段落:
p:first-of-type { color: red; }此外,CSS还新增了继承属性inherit,可以方便地继承父元素的属性。以color为例,如果一个元素没有指定color属性,它就会从父元素继承color的属性值。代码如下:
.parent { color: red; } .child { color: inherit; }总之,CSS是一个非常强大的前端工具,在2017年凭借着新特性和改进,使得网页设计和制作变得更加高效、灵活和丰富。让我们一起期待CSS的更多进展和变革吧!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。