html - 为什么我的 CSS 仅在放入 div 时影响 IMG？

Question

我刚刚了解了类，当在图像上使用类来居中、改变大小等时，除非我将它放在一个 div 中，否则它不起作用。

我想知道为什么会这样!我已将 .css 与 <link rel="stylesheet" type="text/css" href="styles/main.css"> 链接起来在 index.html 的头部。

<!--<div class="plskiyo">-->
    <img class="plskiyo.img" src="images/spicy-kiyo.jpg" alt="image has broke">
<!--</div>-->

.plskiyo img
{
    width: 30%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

Answer 1

CSS 中的 .plskiyo img 行称为选择器；它用于将 DOM 元素与您定义的样式相关联。

Just .plskiyo 将选择具有 .plskiyo 类的所有元素。 .plskiyo img 选择属于 .plskiyo 类的任何标签内的所有 img 标签。

有很多关于 CSS 选择器的知识。从这里开始阅读:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors