如何刪除邊框？

我有一個相對簡單的問題。我想編輯我的列表的特定部分，但我不知道如何格式化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>

我想修改該公式的李部分（即，添加邊框，刪除邊框，等等），但我無法弄清楚如何啓動代碼。

event.li沒有工作。 li.event沒有工作。我相信這是一個簡單的修復，但我無法弄清楚。任何幫助將非常感激！

來源

2013-05-16 jthespartan

不是它只是'李div.event' – lemondrop

如果你想從div中刪除它：li .event是你想要的。如果它來自列表項目，它是.upcoming li。

來源

2013-05-16 02:19:51 dsundy

刪除邊框：

<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-16 02:19:52

我去與選項＃1 ...工作就像一個冠軍。我對此很陌生，當我們開始在類和類的下面討論類和li和ul等時，我經常感到困惑。感謝您的幫助！ – jthespartan

ul { 
    border:1px solid black; 
}

Simples

雖然我敢肯定你'尋找遠遠不如原來陳述簡單

來源

2013-05-16 02:20:26 adaam

這應該很有可能工作，如果我明白你在問什麼：

li div.event { 
    border: none; 
}

（或更具體的）

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

來源

2013-05-16 02:20:43 lemondrop

感謝您的評論。我很難將這一切都留在我的頭上。 li ul類，div等，以及如何格式化每個級別。雖然謝謝！ – jthespartan

@jthespartan一旦你瞭解它，它就非常簡單，只需要item.class child.class ..等等，就像你想去的那樣。 – lemondrop

li.event選擇與event類li元件。你沒有這個。

您有div元素與event類。所以，你沒有具體說明你需要的元素，但是選擇你需要的li元素ul.upcoming li;並在其中選擇您的div：li div.event（或ul.upcoming li div.event或只是.event，具體取決於您需要的具體情況）。

來源

2013-05-16 02:25:34 Shomz

<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-16 02:56:38

如何刪除邊框？

回答

相關問題