выбор класса, имеющего определенный класс в CSS

Question

выбор класса, имеющего определенный класс в CSS

0

<math>
 <mfrac class="mfrac_class">
<mstyle class="num_class">
  <mrow>
    <mn>1</mn>
    <mi>a</mi>
  </mrow>
</mstyle>
<mstyle class="den_class">
  <mrow>
    <mi>x</mi>
  </mrow>
</mstyle>
</mfrac>
<mfrac class="mfrac_class">
<mstyle class="num_class">
  <mrow>
    <mn>2</mn>
    <mtext class="mtext_class">b</mtext>
  </mrow>
</mstyle>
<mstyle class="den_class">
  <mrow>
    <mn>3</mn>
    <mtext class="mtext_class">c</mtext>
  </mrow>
    </mstyle>
  </mfrac>
</math>

Я хочу применить отдельные стили для num_class и num_class с mtext_class. Я знаю, как это сделать в JQuery, но мне нужно лучшее решение в CSS.

Не путайте это как недопустимый HTML, это Mathml, часть HTML.

Заключенный нет решения для этого в CSS, должен работать в JQuery

madhu_p 04 янв. 2014, в 07:26

Источник

0

Что заставляет вас думать, что это возможно?
Daedalus 04 янв. 2014, в 05:56
0

То, что вы описываете, потребует родительского селектора, которого нет в CSS.
Alexander O'Mara 04 янв. 2014, в 05:58
0

Я не знаю, возможно ли это или нет?
madhu_p 04 янв. 2014, в 05:58
0

спасибо за редактирование ZWord, я много пытался отформатировать здесь. Скоро выучу
madhu_p 04 янв. 2014, в 06:01
0

аналогично: stackoverflow.com/questions/1014861/…
chharvey 29 янв. 2014, в 16:47

Показать ещё 3 комментария

Теги:

html

css

mathml

1 ответ

Ещё вопросы

Что заставляет вас думать, что это возможно?
То, что вы описываете, потребует родительского селектора, которого нет в CSS.
Я не знаю, возможно ли это или нет?
спасибо за редактирование ZWord, я много пытался отформатировать здесь. Скоро выучу
аналогично: stackoverflow.com/questions/1014861/…

Mr. Alien · Accepted Answer · 2014-01-04T03-39-00.000Z

2

Лучший ответ

Просто заметили, что вы хотите настроить таргетинг на родительский элемент на основе комбинации дочерних классов, которая невозможна с использованием только CSS. Вы можете использовать jQuery .parent() или .closest() с помощью .has() чтобы достичь этого...

$('ul.num_class').has('li.mtext_class').closest('ul.num_class').css({
    'border':'1px solid #f00'
});

демонстрация

Mr. Alien 04 янв. 2014, в 03:39

1

На самом деле, я неправильно понял вопрос. Он ищет способ стилизовать элемент по классам дочерних элементов. Это сработало бы, если бы оба класса были на одном элементе.
Alexander O'Mara 04 янв. 2014, в 05:59
0

@ AlexanderO'Mara О, спасибо, тут я даже не прав
Mr. Alien 04 янв. 2014, в 06:00
0

это mathml, который действителен в html
madhu_p 04 янв. 2014, в 06:01
0

@madhu_p не знал, но то, что вы пытаетесь достичь, невозможно с помощью CSS
Mr. Alien 04 янв. 2014, в 06:03
0

@madhu_p MathML = / = HTML, хотя первый включен в последний, это две разные спецификации, хотя они и похожи в разметке.
Daedalus 04 янв. 2014, в 06:05
0

@Daedalus Я согласен с тобой. MathML отличается от HTML. Но мой вопрос все еще актуален, я надеюсь.
madhu_p 04 янв. 2014, в 06:09
0

@madhu_p Да, это полностью верно :)
Mr. Alien 04 янв. 2014, в 06:10
0

Хорошо, так как все вы подтверждаете, что на данный момент в CSS не существует прямого возможного решения, я буду использовать JQuery для решения этой проблемы.
madhu_p 04 янв. 2014, в 06:18
0

Спасибо за ваши усилия @ Мистер Алиен
madhu_p 04 янв. 2014, в 06:18
0

@madhu_p Нет, вы не можете сделать это с помощью css на данный момент, и если это решится, вы можете просто нажать на галочку рядом с моим ответом :)
Mr. Alien 04 янв. 2014, в 06:20

Показать ещё 8 комментариев