header.top.logo_con和logo_con都能指定元素时 我应该在css中怎么写性能更好

当你在CSS中同时需要为`.header .top`和`.logo_con`这两个选择器设置样式，并希望提高效率时，你可以采用下面的方法：

1. **优先级原则**：如果两个选择器有相同的权重，浏览器会按照它们在CSS文件中的顺序应用规则。因此，将更具体的`.logo_con`放在更通用选择器`.header .top`之后可以确保子元素的样式覆盖。

.header .top {
   /* 共享的通用样式 */
}

.logo_con {
   /* 特定于logo的样式，可能会覆盖上面的通用部分 */
}

2. **避免不必要的嵌套**：如果`.logo_con`本身就是`.header .top`的一部分，那么直接为`.logo_con`设定样式会更简洁，除非确实有其他单独作用的地方。

3. **利用SASS、LESS 或 CSS Modules**：如果你正在使用预处理器，如SASS或LESS，可以创建一个嵌套变量或混合，这样既保持了结构清晰，又方便维护。

4. **使用`:scope` 或 `&`**：在某些CSS预处理器（如Stylus或PostCSS）中，可以用`:scope` 或 `&` 作为简写的类选择器，但这并非所有浏览器都支持。

5. **考虑CSS specificity计算**：尽量避免过多的嵌套层级，因为CSS specificity计算会使某些样式难以管理。如果`.logo_con`样式很重要，可以直接写明更高的选择器权重。

记得，在实际项目中，性能优化往往取决于具体的设计和组件化需求，以上建议仅供参考。