Как совместить вложенный тег?

-1

мне нужно, чтобы соответствовать pre, когда он находится под long класса, как здесь:Как совместить вложенный тег?

<div class="long highlight-text"> 
    <div class="highlight"> 
    <pre> 
     some code 
    </pre> 
    </div> 
</div>

Я пробовал: long.highlight.pre - но, кажется, не работает.

источник

2013-06-10 Adobe

это должно быть больше похоже: .long.highlight-text .highlight pre {} –

Вы должны указать точные условия для сопоставления. Правильный ответ в значительной степени зависит от этого. Например, должен ли * любой элемент 'pre', который внутри элемента в классе' long' быть совпадением? Если нет, какие другие условия вы хотите навязать? –

Как из теста вы, кажется, также необходимо включить .highlight в селекторе, я хотел бы предложить это одно:

.long .highlight pre

или если вы просто хотите «матч предварительно, когда он находится под длинным классом» :

.long pre

пространство в a b означает b является потомком a.

Адрес the official documentation on CSS3 selectors.

источник

2013-06-10 11:02:42

+1 для принятия ответа в качестве сообщества wiki :) –

Почему кто-то изменил этот ответ? –

@dystroy: другие ответы получили downvoted также, кажется –

Вам нужен ␣ combinator selector, который относится ко всем совпадающих потомков (не обязательно прямых порожденных):

.long pre

См, также, на этой странице, описывающей CSS selectors
или официальный CSS Selectors Reference.

источник

2013-06-10 11:03:20 gkalpak

Будьте осторожны, когда вы ссылаетесь на этот сайт, полный ошибок. Вы не должны думать, что это «ссылка». –

Я не люблю этот сайт, имя которого не должно быть произнесено (или написано), и я всегда стараюсь ссылаться на MDN, но я нахожу эту конкретную страницу очень хорошей (простой и понятной) ссылкой для селекторов CSS. (Это не означает, что остальная часть сайта - это ссылка или что-то еще.) – gkalpak

@dystroy: Там вы идете, я добавил официальную ссылку, чтобы все были счастливы (и, надеюсь, безопаснее) :) – gkalpak

Попробуйте этот селектор для CSS

.long .highlight pre

источник

2013-06-10 11:03:49 Sachin

Вы должны использовать: .long pre. И прочитайте http://www.w3schools.com/css3/default.asp для подробностей.

источник

2013-06-10 11:05:20 selfboot

Wschools не следует проконсультироваться для получения дополнительной информации , или для чего-либо еще, см. http://w3fools.com –

@Jukka K. Korpela Спасибо за ваш комментарий. W3schools - действительно сложный ресурс. – selfboot

Как совместить вложенный тег?

ответ

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