Как скрыть определенный элемент внутри DIV

0

У меня есть следующий HTML-код

<div class="divclass">
   <a id="some_random_id_which_changes_everytime" class="otherclass" title="View Site">View Site</a>
</div>

Я хочу установить отображение: none для этого элемента "View Site". Я пробовал следующие коды, но они не работали. Обратите внимание: я не хочу скрывать весь этот div, но только этот элемент A внутри него.

Код 1

.divClass [text='View Site']
{
   display:none;
}

Код 2

.divClass a[text='View Site']
{
   display:none;
}
  • 0
    Вы действительно используете класс otherclass и CSS-селектор divClass в продуктивной версии?
Теги:

5 ответов

4
Лучший ответ

Попробуйте ниже.

div.divclass a[title="View Site"]
{
   display:none;
}

РАБОЧАЯ ДЕМО

Кроме того, вы можете также объявить значения для a[title="View Site"] чтобы скрыть, не сохраняя наследование div.

Например,

a[title="View Site"]
{
   display:none;
}

РАБОЧАЯ ДЕМО-2

Если вы хотите сравнить разницу, вы можете проверить приведенную ниже демонстрационную версию.

РАБОЧАЯ ДЕМО - ДЛЯ СРАВНЕНИЯ МЕЖДУ МНОЖЕСТВЕННЫМИ ТИТАЛАМИ

  • 0
    Это не работает. Просто для проверки я попытался с div.divclass {display: none; } и он скрывает весь div, но когда я пишу [title = "View Site"], это не работает.
  • 0
    Оно делает. Проверьте эту скрипку. jsfiddle.net/39XLT/1 - @FrankMartin
0

использовать это

.otherclass
{
display:none;
} 

или

.divclass a.otherclass
{
   display:none;
}
0

Что сказал Натан, или:

div.divclass a[title="View Site"]
{
   visibility:hidden;
}

Эта версия скроет то, что вам нужно, но все еще занимает место

0

Другой способ скрыть использование jquery...

<div class="divclass">
  <a id="site" class="otherclass" title="View Site">View Site</a>
</div>

и js..

$('#site').hide();

Рабочий пример

0

используйте селектор "child":

<!doctype html>
<html>
    <head>
        <title>
            Bla!
        </title>
        <style type='text/css'>
            div.divclass >a {display:none} /* any a that is direct child of div class divclass */
        </style>
    </head>
    <body>
        <div class="divclass">
            data inside div before link
           <a id="some_random_id_which_changes_everytime" class="otherclass" title="View Site">View Site</a>
           data inside div after link
        </div>
    </body>
</html>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню