WedX - журнал о программировании и компьютерных науках

Мне нужно выполнить запрос css для изменения нескольких стилей div с кодом проверки w3

У меня есть <div> вот так:

<div style="display:none;" id="rd1"></div>
<div style="display:block;" id="rd2"></div>
<div style="display:block;" id="rd3"></div>
<div style="display:block;" id="rd4"></div>
<div style="display:none;" id="rd5"></div>
<div style="display:none;" id="rd6"></div>

Мне нужно изменить стиль тех элементов, которые имеют стиль display:block, используя только код css. Я использую этот код, но это не действительный код W3.

div[style*='displayblock'] {
    background-colot:red;
}
html css
10.01.2015

  • Если бы вы действительно прочитали то, что сказал вам валидатор, вы бы поняли, что это не имеет ничего общего с вашим селектором. Тем не менее, у вас все равно есть опечатки в обоих местах. Но реальный вопрос в том, какой смысл выбирать только те, у кого display:block в первую очередь? display:none в любом случае предотвратит отображение элемента. Вы слишком усложняете это. 10.01.2015

Ответы:


1

ref - Селектор CSS для получения последнего видимого div

вы можете использовать это, чтобы div[style*="display:block"]

div[style*="display:block"]{
    background:red;
}
<div style="display:none;" id="rd1">fas</div>
<div style="display:block;" id="rd2">fsadf</div>
<div style="display:block;" id="rd3">fsdfa</div>
<div style="display:block;" id="rd4">faf</div>
<div style="display:none;" id="rd5">afsa</div>
<div style="display:none;" id="rd6">fa</div>

10.01.2015
  • да правильно один спасибо 10.01.2015
  • На самом деле это ничего не исключает из-за пробела между двоеточием и none в вашем селекторе атрибутов, но в то же время совершенно бессмысленно иметь селектор атрибутов в первую очередь по причинам, указанным в моем комментарии выше. Вы (ОП) должны просто полностью удалить селектор атрибутов и просто иметь div. 10.01.2015
  • да, ты прав @BoltClock 10.01.2015
  • Да, я сожалею об этом, я очень новичок в html, и все это довольно сложно решить, но спасибо, ребята, за поддержку. 06.01.2017
    • Новые материалы
    Как создать диаграмму градиентной кисти с помощью D3.js
    Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..
    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..
    Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
    В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..
    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Для любых предложений по сайту: [email protected]