2012-07-02 4 views
1

В следующем коде я хотел бы скрыть «Hello world», но сохранить видимые мои ul.myphotos с CSS.Как скрыть только часть содержимого ли с CSS?

Вот пример того, что у меня есть:

<ul class="content"> 
    <li> 
     Hello world 
     <ul class="myphotos"> 
      <li>Photo1</li> 
      <li>Photo2</li> 
     </ul> 
    </li> 
</ul> 
+1

Возможный дубликат [CSS: отображается только соответствующее подмножество DIV] (http://stackoverflow.com/questions/11291231/css-showing-only-a-relevant-subset-of--div) –

+0

Ответ: Манипулируйте «font-size» на 'li', чтобы быть« 0 », а« font-size »его детей - нормальным. (Или, желательно, поместите надпись вокруг нее и выберите и спрячьте это. Конечно, это совсем не сложно). –

ответ

2

Вы косяк делать с кодом у вас есть атм (ну, да вы можете с некоторыми, а «Hacky» уловок ...).

Я бы предложить чистое решение: Оберните этот текст в отдельный тег, например:

<ul class="content"> 
    <li> 
     <span>Hello world</span> 
     <ul class="myphotos"> 
      <li>Photo1</li> 
      <li>Photo2</li> 
     </ul> 
    </li> 
</ul> 

И теперь вы можете легко сказать:

li > span{ 
    display:none; 
} 
+0

Уверен, что вы можете. См. Мой возможный дубликат. –

+0

@ JaredFarrish, конечно, вы можете это сделать, если вы не рискуете получить список для blackhat SEO. Также это плохая привычка работать с фиксированным размером шрифта. – Christoph

+0

Если он находится в таблице стилей печати, я сомневаюсь, что это будет проблемой; если у вас есть другая информация, чтобы опровергнуть эту теорию, не стесняйтесь указать на нее. Кроме того, не каждая ситуация требует соображений SEO; если вы не можете манипулировать разметкой, есть несколько вариантов, которые у вас есть за пределами этого. –

1

Put Hello World в <span> теги с id, а затем скрыть это.

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