Как удалить границу?

У меня есть относительно прямой вопрос. Я хочу отредактировать определенную часть моего списка, но я не уверен, как отформатировать 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 не работает. li.event не работает. Я уверен, что это простое решение, но я не могу понять это. Любая помощь приветствуется!

источник

2013-05-16 jthespartan

Не было бы просто 'li div.event' – lemondrop

Если вы хотите удалить это из раздела: 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 classes, div и т. д. и как форматировать каждый уровень. Спасибо хоть! – jthespartan

@jthespartan Это довольно просто, как только вы узнаете об этом, просто item.class child.class ..etc так далеко, как вы хотите. – lemondrop

li.event выбирает li элемент с event класса. У вас этого нет.

У вас есть 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

Как удалить границу?

ответ

Смежные вопросы