Question

我正在尝试从网页调整图片的大小。

我的朋友写了一些东西，我正试图从中吸取教训。这段代码做了什么？

div.page-full-width div#primary div#content div.entry-content    div#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form div p.bbp-attachments-form label.btn {
    width: 9vw;
    height: 1vw;
}


.entry-buddypress-content div#buddypress div.full-width div#item-body div.profile div#subnav {
    width: 21vw !important;
    height: 8vw !important;
    padding-right: 2vw !important;
    margin-bottom: 0;
}

#members-stream li .action div.generic-button a, #members-list li .action div.generic-button a {
    font-size: 3vw;
    line-height: 4vw;
}

有些是#，有些是.，有些是div.，它们如何根据HTML代码定位特定行？

Answer 1

#foo选择ID为foo的元素。（See MDN）

.bar选择类bar的所有元素。（See MDN）

More about CSS selectors in general

Answer 2

.test适用于html中的类 #test适用于html中的Ids div.使用此类名

选择所有div

宽度：9vw表示视图宽度，因此图像为视图宽度的9％

他基本上选择了这个css很多Ids和Classes，并给它们一个高度，宽度，距离（填充），距离（边距），字体大小和行高（文本应显示的高度））。

希望这有帮助

有人可以向我解释这个CSS代码吗？

2 个答案: