Question

我有这样的东西，我需要跳过第一个元素“ comment-id-1 ”来删除下一个元素“ border-style ”上的border-style 。我试着写，但它不起作用。 css有一些正则表达式规则吗？我怎样才能做到这一点？

。点评列表：不是（：第一子）

<div id="comments-list">
<ol class="comments-tree-listan">

<div id="comment-id-1">
    <div class="border-style">
        <div class="com_info">
         <span class="name">Fedor</span></div>

        <div class="text">
        <div id="comm-id-1"><p>Some text</p></div></div>
     </div>
</div>

<div id="comment-id-2">
    <div class="border-style">
        <div class="com_info">
         <span class="name">Validim Puten</span></div>

        <div class="text">
        <div id="comm-id-2"><p>Text</p></div></div>
     </div>
</div>

<div id="comment-id-3">...

</ol>
</div>

Answer 1

[id^="comment-id-"]会给你所有id以字符串开头。

>将获得直接的孩子（只有一个级别）

div[id^="comment-id-"]>.border-style {
    border: 1px solid red;
}

<div id="comments-list">
<ol class="comments-tree-listan">

<div id="comment-id-1">
    <div class="border-style">
        <div class="com_info">
         <span class="name">Fedor</span></div>

        <div class="text">
        <div id="comm-id-1"><p>Some text</p></div></div>
     </div>
</div>

<div id="comment-id-2">
    <div class="border-style">
        <div class="com_info">
         <span class="name">Validim Puten</span></div>

        <div class="text">
        <div id="comm-id-2"><p>Text</p></div></div>
     </div>
</div>

<div id="comment-id-3">...

</ol>
</div>

如何在css上跳过带有数字的下一课？

1 个答案: