css - 如何去除边框？

Question

我有一个相对直接的问题。我想编辑列表的特定部分，但不确定如何设置 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 没有工作。我确定这是一个简单的修复，但我无法弄清楚。任何帮助将不胜感激!

Answer 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 事件的目标节点，例如 hover、onclick 等。