Html CSS3定义特定网站内容/章节的方法

识别CSS3样式表中特定部分或内容的最佳正确方法是什么

例如，如果我为所有图像定义了这样的图像语法：

/* Image */

    .image {
        border: 0;
        display: inline-block;
        position: relative;
    }

现在我想为特定区域内的图像定义不同的设置，例如：

<!-- One -->
        <section id="one" class="wrapper major-pad">

---

正确的方法是什么？在CSS语法中使用节ID或类？请告知我应该使用的正确语法。

如果您有许多具有相同类的节，但希望以特定节中的图像为目标，请使用id

#one .image { ... }

如果要在具有给定类的节中以图像为目标，请使用类

.wrapper.major-pad .image { ... }

或

或

根据注释进行更新，显示一个简单示例

.wrapper.image{ 边框：5px点红色； }

---

我应该在{…}里面放什么？对不起，我是CSS的新手。

.wrapper .image { ... }

.major-pad .image { ... }