Question

我想定位一个跟在父类之后的子类，但只是它最直接的父类。在下面的代码中，.bar-on element元素下的.nested-parent由于第一个.foo-on而显示其可见性，但我只希望第二个.foo-off类影响这些孩子

<style>
    .foo-on .bar-on {visibility: visible;}
    .foo-on .bar-off {visibility: hidden;}
    .foo-off .bar-off {visibility: visible;}
    .foo-off .bar-on {visibility: hidden;}
</style>

<div class="foo-off">
    <div class="bar-on">Hidden</div>
    <div class="bar-off">Visible</div>
    <div class="foo-on">
        <div class="nested-parent">
            <div class="bar-on">Visible</div>
            <div class="bar-off">Hidden</div>
        </div>
    </div>
</div>

我可以通过使用直接后代选择器.foo-on > .bar-on来解决这个问题，但这使得嵌套元素（嵌套父类下的元素）完全不受影响，因为它们不是直接的.foo-off的孩子。

我是否遗漏了某种复杂的选择器，它只能选择特定类下的子项，但只能选择最近的父项？或者仅仅在CSS中这是不可能的？

示例：https://jsfiddle.net/oyLf6sm1/

Answer 1

尝试// textValue: <p>This is a sample. \"Granny\" Smith –.<\/p>\r\n // becomes this: This is a sample. "Granny" Smith –. // with one line of code: // Jsoup.parse(textValue).getText(); // for older versions of Jsoup Jsoup.parse(textValue).text(); // Another possibility may be the static unescapeEntities method: boolean strictMode = true; String unescapedString = org.jsoup.parser.Parser.unescapeEntities(textValue, strictMode);选择器。??试试这个。

Answer 2

如果你希望嵌套div在'nested-parent'中是这样的，你需要为它创建一个额外的样式，如：

.nested-parent .bar-on{ visibility: hidden; }

或者你可以这样做：

.nested-parent:first-child{ visibility: hidden; }

子类的CSS选择器后跟最后一个父类型

2 个答案: