Форум

1n3gan · #1 (**permalink**) 20.11.2014, 18:22

#deleted

Viral · #2 (**permalink**) 20.11.2014, 18:31

1n3gan, кроме псевдоклассов - никак.

1n3gan · #3 (**permalink**) 20.11.2014, 18:37

Viral, так почему же ни один псевдокласс не работает в моем случае?

danik.js · #4 (**permalink**) 20.11.2014, 18:39

Сообщение от 1n3gan

Думаете это легко?

Ну когда мозгов не хватает - все становится сложно ))

Засунь title внутрь section. Засунь все фильтры в отдельный контейнер. И все станет просто.

А можно еще проще - добавить особый класс в разметке нужному section.

Viral · #5 (**permalink**) 20.11.2014, 18:43

<!DOCTYPE HTML>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <style>
    .mdf_filter_section{
      width:10px;
      height:10px;
      border:1px solid blue;
      display:inline-block;
      margin:10px;
    }
    .mdf_filter_section:first-child {
      border:1px solid red;
    }
    .mdf_filter_section:last-child {
      border:1px solid purple;
    }
    .mdf_filter_section:nth-child(2) {
      border:1px solid green;
    }
  </style>
  </head>
  <body>
    <div class="mdf_filter_section"></div>
    <div class="mdf_filter_section"></div>
    <div class="mdf_filter_section"></div>
    <div class="mdf_filter_section"></div>
    
  </body>
</html>

хм.. хром Версия 39.0.2171.65 m
все ок

1n3gan · #6 (**permalink**) 20.11.2014, 18:44

danik.js, О как, серьезно?) А если я не хочу сувать

Цитата:

title внутрь section
все фильтры в отдельный контейнер

добавлять какой-то

Цитата:

особый класс

то что тогда?
Мой вопрос в том, как получить нужный элемент средствами CSS, не нарушая структуру HTML документа.
Если у тебя есть мозги, то попробуй это сделать селекторами на моей странице =)

1n3gan · #7 (**permalink**) 20.11.2014, 18:47

Сообщение от Viral

<!DOCTYPE HTML>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <style>
    .mdf_filter_section{
      width:10px;
      height:10px;
      border:1px solid blue;
      display:inline-block;
      margin:10px;
    }
    .mdf_filter_section:first-child {
      border:1px solid red;
    }
    .mdf_filter_section:last-child {
      border:1px solid purple;
    }
    .mdf_filter_section:nth-child(2) {
      border:1px solid green;
    }
  </style>
  </head>
  <body>
    <div class="mdf_filter_section"></div>
    <div class="mdf_filter_section"></div>
    <div class="mdf_filter_section"></div>
    <div class="mdf_filter_section"></div>
    
  </body>
</html>

хм.. хром Версия 39.0.2171.65 m
все ок

Вы не читали мой вопрос, уважаемый

Мне нужно решить проблему в моем конкретном случае на моей тестовой странице. Ссылка в вопросе. Другая html разметка мне совершенно не нужна

nice_try · #8 (**permalink**) 20.11.2014, 18:49

ввел jQuery(".mdf_filter_section:first")
вывел первый элемент или у меня под вечер глаза сломались

1n3gan · #9 (**permalink**) 20.11.2014, 18:51

nice_try , ух вы какой сообразительный )) боюсь глаза у вас действительно сломались под вечер (не в обиду, я сам по вечерам мало что соображаю) )) Мне нужно реализовать это средствами CSS. А в CSS нет такого псевдокласса :first. Есть :first-child. Так вот, введите в консоль jQuery(".mdf_filter_section:first-child") либо jQuery(".mdf_filter_section:first-of-type") и задайтесь вопросом почему оно не работает

danik.js · #10 (**permalink**) 20.11.2014, 18:54

Сообщение от 1n3gan

то что тогда?

Тогда иди бейся башкой об стену.

Сообщение от 1n3gan

Если у тебя есть мозги, то попробуй это сделать селекторами на моей странице =)

У меня есть мозги не делать этого ))

Может и есть способ для такой выборки, не знаю. Даже если бы знал - не использовал его. Знаю точно, можно выбрать все и выбрать все кроме первого. Этого достаточно, чтобы назначить особые стили только первому.

Форум

Справочник

Discord чат

Курсы javascript