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选择li个event个元素。你没有那个。

您拥有div类event元素。因此，您并不具体说明您需要哪个元素，而是选择您需要的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...)
}

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

如何删除边框？

6 个答案: