Как использовать селектор атрибутов CSS для определения конкретной высоты?

Question

Как использовать селектор атрибутов CSS для определения конкретной высоты?

0

Поэтому, в основном, я хочу только создать первый конкретный ящик на своем сайте.

Я хотел бы попробовать использовать селектор атрибутов для достижения height (поверьте мне, не было другого способа стилизации этого, я буквально пробовал все).

Я попробовал следующее (наряду со многими другими вариантами):

.first_child[style='height: 299px;']:first-child  {
background-color: red;
}

.clear[style='height: 299px;']:first-child  {
background-color: red;
}

.first_child:first-of-type [height='299px;'] {
background-color: red;
}

Хотя, я просто не могу заставить его работать.

Является ли это исправляемым, или я пытаюсь сделать невозможное?

Ниже приведен снимок экрана моей структуры HTML, если необходимо:

Fizzix 29 нояб. 2013, в 02:45

Источник

0

Работает здесь, в Chrome: jsfiddle.net/U6AdX/3
user2864740 29 нояб. 2013, в 01:40
0

Я думаю, что вы добавляете неработающую избыточную квалификацию, не связанную с селектором атрибутов. Попробуйте использовать: div[style='height: 299px;']:first-child (то есть удалите .clear и .first_child и другие простые селекторы, у которых нет такого подходящего атрибута стиля).
user2864740 29 нояб. 2013, в 01:45
1

Подождите, Wordpress не позволяет переопределить HTML, который он выводит?
Mark Simpson 29 нояб. 2013, в 02:27

Показать ещё 1 комментарий

Теги:

html

css

css-selectors

2 ответа

1

.clear:first-child .child:first-child {
   background-color: red;
}

Mark Simpson 29 нояб. 2013, в 01:03

Ещё вопросы

Работает здесь, в Chrome: jsfiddle.net/U6AdX/3
Я думаю, что вы добавляете неработающую избыточную квалификацию, не связанную с селектором атрибутов. Попробуйте использовать: div[style='height: 299px;']:first-child (то есть удалите .clear и .first_child и другие простые селекторы, у которых нет такого подходящего атрибута стиля).
Подождите, Wordpress не позволяет переопределить HTML, который он выводит?

davidfurber · Accepted Answer · 2013-11-28T23-25-00.000Z

Попробуйте * = вместо just = и убедитесь, что точное соответствие текста. Тем не менее, это очень плохая идея. Попробуйте что-нибудь еще:

#content div.columns div.clear:first-child > div.child:first-child {}

Да, ужасная идея, которую я знаю. Но это единственная идея, которая осталась в принципе. Это Wordpress ... и все динамически создается при загрузке страницы. Буквально попробовал все в книге, чтобы попытаться заставить это работать.
Я обновил свой ответ с другим подходом после того, как увидел HTML.
Работал очень хорошо! Спасибо за вашу помощь :)