html - 更改 <span> 而不影响 <span class ="something">

标签 html css

我有一个需要更改的问题 <span>在 CSS 中,无需更改 <span class="something"> 上的任何内容

HTML

<span class="something">Some text</span>
<span>Another text</span>

CSS

span.something {
 color: #FFF;
}

span {
 display: block;
}

我期待所有其他 <span>将具有 display:block 的样式除了 <span class="something"> 。如果有人能在这方面帮助我,我将不胜感激。谢谢!

最佳答案

我认为您正在寻找 :not selector您可以将其用作

span:not(.something) {
    display: block;
}

关于html - 更改 <span> 而不影响 <span class ="something">,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56432509/

相关文章:

html - 如何在html中引用本地绝对文件路径

css - 对 Angular 楔形 CSS - 在浏览器中边到边居中

javascript - jQuery 当数据达到 0 警报

html - CSS查询(边距?填充?)

javascript - 画外音不是以编程方式说话的重点元素

javascript,动态加载 Canvas 并在函数中绘制上下文;上下文消失

javascript - 如何使用 jQuery 根据多个数据属性过滤列表项?

html - 如何将标题 h2 中的图像链接垂直对齐到底部?

html - 帮助处理 CSS 导航、文本定位和间距

css - 无法通过 GitHub 页面上的@font-face 链接自定义字体