Html 为除一个类之外的所有元素创建css规则?

Html 为除一个类之外的所有元素创建css规则?,html,css,Html,Css,我有这样一个html: <div class="portfolio-descr"> <span class="posted-in"></span> <h3><a href="">Name</a></h3> Some text <!-- HIDE THIS --> </div> 但是所有

我有这样一个html:

<div class="portfolio-descr">
    <span class="posted-in"></span>                             
    <h3><a href="">Name</a></h3>           
    Some text <!-- HIDE THIS -->
</div>

但是所有的元素都是隐藏的。

在父类和子类之间放置空格
h3
否则,
h3
被视为父类的一部分
portfolio descr

.portfolio-descr > :not(h3) {
    display:none;
}
正确的HTML:

根据需要在内联/块html元素中放置一些文本

<div class="portfolio-descr">
    <span class="posted-in"></span>
    <h3><a href="">Name</a></h3> <span>Some text</span>
  </div>

一些文本

工作

在父类和子类之间放置空间
h3
否则,
h3
被视为父类的一部分
portfolio descr

.portfolio-descr > :not(h3) {
    display:none;
}
正确的HTML:

根据需要在内联/块html元素中放置一些文本

<div class="portfolio-descr">
    <span class="posted-in"></span>
    <h3><a href="">Name</a></h3> <span>Some text</span>
  </div>

一些文本

工作

如果只想隐藏文本,而不想隐藏h3和span标记,其中一个选项是使字体颜色和背景相同

检查此代码段

.portfolio descr:not(h3):not(span){
颜色:白色;
背景:白色;
}

一些文本

如果只想隐藏文本,而不想隐藏h3和span标记,其中一个选项是使字体颜色和背景相同

检查此代码段

.portfolio descr:not(h3):not(span){
颜色:白色;
背景:白色;
}

一些文本

如果您使用“显示”属性,它将同时影响父对象及其子对象,但您可以使用“可见性”属性来实现您的目标。(为了更好地显示结果,我在span中的.post中添加了一些文本)

.portfolio descr{
可见性:隐藏;
}
.R>*{
能见度:可见;
}

abc
一些文本

如果您使用“显示”属性,它将同时影响父对象及其子对象,但您可以使用“可见性”属性来实现您的目标。(为了更好地显示结果,我在span中的.post中添加了一些文本)

.portfolio descr{
可见性:隐藏;
}
.R>*{
能见度:可见;
}

abc
一些文本

你不能将
一些文本
包装在某个标签中吗?另外,你可能想写
.portfolio descr*:not(h3){…}
不,我不能。这就是为什么我必须使用除CSS之外的可能的副本。如果您无法更改HTML,请将这一事实添加到您的问题中。建议作为dup目标的问题有很多好的解决方案,包括使用边距和/或字体大小为零。您不能将
一些文本
包装到某个标记中吗?另外,你可能想写
.portfolio descr*:not(h3){…}
不,我不能。这就是为什么我必须使用CSS之外的可能的副本,如果您无法更改HTML,请将这一事实添加到您的问题中。建议作为dup目标的问题有许多很好的解决方案,包括使用页边距和/或字体大小为零。请检查plunker。它工作正常。请检查html是否有任何其他css覆盖我不相信这会像OP所希望的那样隐藏“一些文本”。请检查plunker。它工作正常。请检查html是否有任何其他css覆盖我不相信这会隐藏“一些文本”正如OP想要的。但我相信这会在“某些文本”所在的位置留下空白,而这可能不是OP想要的。但我相信这会在“某些文本”所在的位置留下空白,而这可能不是OP想要的。我不认为这是你所认为的。
.portfolio descr:not(h3):not(span)
选择一个既有
.portfolio descr
类又不是
h3
span
的元素。您的代码之所以有效,是因为
h3
没有继承背景色。我认为这与您认为的不一样。
.portfolio descr:not(h3):not(span)
选择一个既有
.portfolio descr
类又不是
h3
span
的元素。您的代码只能工作,因为
h3
不继承背景色。