Страница 1 из 3 1 23 >
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Получить первый элемент средствами CSS. [ Думаете это легко? :) ] (https://javascript.ru/forum/xhtml-html-css/51815-poluchit-pervyjj-ehlement-sredstvami-css-%5B-dumaete-ehto-legko-%5D.html)

1n3gan 20.11.2014 18:22
Получить первый элемент средствами CSS. [ Думаете это легко? :) ]
 
#deleted

Viral 20.11.2014 18:31
1n3gan, кроме псевдоклассов - никак.

1n3gan 20.11.2014 18:37
Viral, так почему же ни один псевдокласс не работает в моем случае?

danik.js 20.11.2014 18:39
Цитата:
Сообщение от 1n3gan
Думаете это легко?
Ну когда мозгов не хватает - все становится сложно ))

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

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

Viral 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 20.11.2014 18:44
danik.js, О как, серьезно?) А если я не хочу сувать
Цитата:
title внутрь section
все фильтры в отдельный контейнер
добавлять какой-то
Цитата:
особый класс
то что тогда?
Мой вопрос в том, как получить нужный элемент средствами CSS, не нарушая структуру HTML документа.
Если у тебя есть мозги, то попробуй это сделать селекторами на моей странице =)

1n3gan 20.11.2014 18:47
Цитата:
Сообщение от Viral (Сообщение 342000) 
<!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 20.11.2014 18:49
ввел jQuery(".mdf_filter_section:first")
вывел первый элемент или у меня под вечер глаза сломались

1n3gan 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 20.11.2014 18:54
Цитата:
Сообщение от 1n3gan
то что тогда?
Тогда иди бейся башкой об стену.
Цитата:
Сообщение от 1n3gan
Если у тебя есть мозги, то попробуй это сделать селекторами на моей странице =)
У меня есть мозги не делать этого ))

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


Часовой пояс GMT +3, время: 19:06.
Страница 1 из 3 1 23 >
Показывать 40 сообщений этой темы на одной странице