1

我有一个相对直接的问题。我想编辑列表的特定部分，但我不确定如何格式化 CSS。这是代码：

<ul class="upcoming">
    <li class="post-265 tribe_events type-tribe_events status-publish hentry">
        <div class="event">
            <a href="http://sacspartans.org/event/big-10-alumni-picnic/">Big 10 Alumni Picnic</a>
        </div>
        <div class="when">
            June 2, 2013 11:00 am – <br>June 2, 2013 3:00 pm 
        </div>
    </li>
</ul>

我想修改公式的 li 部分（即添加边框、删除边框等），但我不知道如何启动代码。

event.li 没有工作。li.event 没有工作。我确定这是一个简单的修复，但我无法弄清楚。任何帮助将非常感激！

4

6 回答 6

1

删除边框是：

<li style="border:none;">

或者在您的 CSS 样式中：

li.tribe_events {border: none;}   /* either or*/
li div.event {border: none;}

但目前尚不清楚您是想静态地执行此操作，还是想从 JQuery 或其他任何方式动态地执行此操作，以响应发生的事情。您可能需要指定具体情况。

在 JQuery 中：

$("li").css("border", "none");
$("#ID_of_some_element").css("border", "none");

但这是一个何时何地的问题， <li>真的，不是吗。

如果您正在谈论现有的 Javascript，event.target将为您提供 DOM 事件的目标节点，例如悬停、onclick 等。

于 2013-05-16T02:19:52.810 回答
0 
<li class="post-265 tribe_events type-tribe_events status-publish hentry">

哇..你在这里应用了很多类名。如果您只使用一个或两个专门用于该ul li样式的类名会更好，例如：

.upcoming li{
 /* any styling for the list goes here */
}

或者也许只是为该列表样式创建一个新的类名

.the-list{
    display:block; /*to align it horizontally just use display:inline; */
    (etc...)
}

所以它看起来更好，更容易以后维护它对吧？快乐编码！

于 2013-05-16T02:56:38.880 回答
0

如果你想从 div 中删除它：li .event就是你想要的。如果它来自列表项，它是.upcoming li.

于 2013-05-16T02:19:51.877 回答
0 
ul {
    border:1px solid black;
}

简单的

尽管我确定您要寻找的东西远没有最初所说的那么简单

于 2013-05-16T02:20:26.827 回答
0

This should most likely work if I understand what you are asking:

li div.event {
    border: none;
}

(or even more specific)

ul.upcoming div.event {
    border: none;
}
于 2013-05-16T02:20:43.550 回答
0

li.event选择li具有类的元素event。你没有那个。

你有类的div元素event。因此，您并没有具体说明您需要哪个元素，而是选择您li需要的元素ul.upcoming li；并在其中选择您的 div：（li div.event或ul.upcoming li div.event只是.event，取决于您需要的具体程度）。

于 2013-05-16T02:25:34.687 回答