CSS 题集 烧脑集合

发布于 2022-03-18 12:35:39 字数 1324 浏览 1009 评论 0

1.css 属性命名区分大小写么?

2.margin-top 和 margin-botton 对于行内(内敛 inline)元素效果一样么?

3.padding-top 和 padding-bottom 对于 inline 元素都会增加元素本身的大小么?

4.如果一个 p 标签拥有 font-size:10rem,那么这个 p 标签会自动响应窗口布局么?

5.伪类 :checked 对于 option 标签有效果么?

6.伪类 :root 通常指的是标签 <html>?

7.translate() 方法可不可以使元素在 z 轴上做变换?

8.

<ul class="shopping-list" id="awesome">
<li><span>Milk</span></li>
<li class="favorite" id="must-buy"><span class="highlight">Sausage</span></li>
</ul>
ul { color: red; }
li { color: blue; }

问 Sausage 的颜色是什么色?

9.

<ul class="shopping-list" id="awesome">
<li><span>Milk</span></li>
<li class="favorite" id="must-buy"><span class="highlight">Sausage</span></li>
</ul>
ul#awesome #must-buy { color: red; }
.favorite span { color: blue!important; }

问 Sausage 的颜色是什么色?

10.

<ul class="shopping-list" id="awesome">
<li><span>Milk</span></li>
<li class="favorite" id="must-buy"><span class="highlight">Sausage</span></li>
</ul>
ul.shopping-list li .highlight { color: red; }
ul.shopping-list li .highlight:nth-of-type(odd) { color: blue; }

问 Sausage 的颜色是什么色?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

lorenzathorton8

文章 0 评论 0

Zero

文章 0 评论 0

萧瑟寒风

文章 0 评论 0

mylayout

文章 0 评论 0

tkewei

文章 0 评论 0

17818769742

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文