Html 为除一个类之外的所有元素创建css规则?
我有这样一个html: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> 但是所有
<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
不继承背景色。