相关疑难解决方法(0)

CSS last-child选择器:选择特定类的last元素,而不是父类中的最后一个子元素?

<div class="commentList">
   <article class="comment " id="com21"></article>
   <article class="comment " id="com20"></article>
   <article class="comment " id="com19"></article>
   <div class="something"> hello </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想选择#com19

.comment {
    width:470px;
    border-bottom:1px dotted #f0f0f0;
    margin-bottom:10px;
}

.comment:last-child {
    border-bottom:none;
    margin-bottom:0;
}
Run Code Online (Sandbox Code Playgroud)

只要我div.something在commentList中有另一个作为实际的最后一个孩子,那就不起作用了.在这种情况下是否可以使用last-child选择器来选择最后一次出现article.comment

的jsfiddle

html css css-selectors css3

157
推荐指数
7
解决办法
23万
查看次数

如何CSS:选择基于内部HTML的元素

<a href="example1.com"> innerHTML1 </a>
<a href="example2.com"> innerHTML2 </a>
<a href="example3.com"> innerHTML3 </a>
Run Code Online (Sandbox Code Playgroud)

我想基于内部HTML使用CSS选择器设置第二个(innerHTML2)样式.这可能吗?我尝试过使用a[value=innerHTML2]它似乎没有用.

html css css-selectors

35
推荐指数
3
解决办法
6万
查看次数

CSS3获取最后一个元素

我如何从以下代码中获取最后一个元素(hr):

<div>
    <div>
        <span class="hr"></span>
    </div>

    <div>
        <span class="hr"></span>
    </div>

    <div>
        <span class="hr"></span> <!-- I need this -->
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

.hr:last-child 不起作用.

当然,DOM结构可能更复杂.我只需要获取最后需要的元素.

css css-selectors css3

24
推荐指数
2
解决办法
5万
查看次数

标签 统计

css ×3

css-selectors ×3

css3 ×2

html ×2