如何删除边框？

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事件（如悬停，onclick等）的目标节点。

Answer 2

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

Answer 3

ul {
    border:1px solid black;
}

Simples

虽然我确定您要查找的内容远没有最初说明的那么简单

Answer 4

如果我了解您的要求，则该方法最有可能起作用：

li div.event {
    border: none;
}

（甚至更具体）

ul.upcoming div.event {
    border: none;
}

Answer 5

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

您有带有event类的div元素。 因此，您没有具体确定需要哪个元素，但是要选择li元素，您需要ul.upcoming li ; 并在其中选择div： li div.event （或ul.upcoming li div.event或.event ，具体取决于您需要的具体程度）。

Answer 6

<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...)
}

这样看起来更好，更容易在以后维护吗？ 编码愉快！