css-selectors- все статьи тега


Что делает этот CSS селектор?

Я заметил этот (для меня) любопытный стиль css на сайте по умолчанию.css файл an ASP.NET проект MVC: .text-box.multi-line { height: 6.5em; } Является ли .text-box.multi-line просто именем класса, в середине которого есть точка, или это вложенность двух классов? Или это что-то совсем другое? Ты можешь объяснить? И можете ли вы привести пример использования? Edit Спасибо за все ответы. Это, по-видимому, упущение из справочной страницы W3Schools css. ...

Как я могу выбрать элемент с несколькими классами в jQuery?

Я хочу, чтобы выбрать все элементы, которые имеют два класса a и b. <element class="a b"> Итак, только те элементы, которые имеют и классы. когда я использую $(".a, .b") это дает мне Союз, но я хочу перекрестке. ...

Какие символы допустимы в именах/селекторах классов CSS?

какие символы / символы разрешены в селекторах классов CSS? Я знаю, что следующие символы недействительным, но какие символы действительный? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] { } | ` # ...

Есть ли селектор CSS" предыдущий брат"?

+ для следующего брата. Есть ли эквивалент для предыдущего брата? ...

Селектор CSS для первого элемента с классом

у меня есть куча элементов с именем класса red, но я не могу выбрать первый элемент с class="red" используя следующее правило CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> что не так в этом селекторе и как его исправить? благодаря комментариям я понял, что элемент должен быть первым дочерним элементом своего родителя, чтобы выбрать, что не так, как у меня есть. У меня есть следующая структура, и это прав ...

Как я могу выбрать все дочерние элементы элемента, кроме последнего дочернего элемента?

Как бы я выбрал все, кроме последнего ребенка, используя селекторы CSS3? например, чтобы получить только последний ребенок будет div:nth-last-child(1). ...

Как я могу получить определенный номер ребенка с помощью CSS?

у меня есть table чей tds создаются динамически. Я знаю, как получить первого и последнего ребенка, но мой вопрос: есть ли способ получить второго или третьего ребенка с помощью CSS? ...

Как выбрать метку для= "email" в CSS?

HTML: <label for="email">{t _your_email}:</label> CSS: label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } Я хочу сделать новый CSS для метки электронной почты, поскольку он не должен быть таким широким. ...

В CSS какая разница между"."и" # " при объявлении набора стилей?

в чем разница между # и . при объявлении набор стилей для элемента и каковы семантики, которые вступают в игру при принятии решения, какой из них использовать? ...

Как написать CSS хак для IE 11? [дубликат]

этот вопрос уже есть ответ здесь: Обнаружение IE11 с помощью функции CSS/обнаружения функций 17 ответов Как я могу взломать или написать css только для IE 11? У меня есть сайт, который плохо выглядит в IE 11.Я просто ищу здесь и там, но пока не нашел никакого решения. есть ли селектор css? ...

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

Как вы можете выбрать первый и последний TD подряд? tr > td[0], tr > td[-1] { /* styles */ } ...

CSS-селектор, чтобы получить последний видимый див

сложный вопрос селектора CSS, не знаю, возможно ли это вообще. допустим, это HTML-макет: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Я хочу выбрать последний div, который отображается (т. е. не display:none) который был бы третьим div в данном примере. Имейте в виду, число divs на реальной странице может отличаться (даже display:none ones). ...

Селектор CSS "(A или B) и C"?

Это должно быть просто, но у меня возникли проблемы с поиском терминов для него. Допустим, у меня есть это: <div class="a c">Foo</div> <div class="b c">Bar</div> в CSS, как я могу создать селектор, который соответствует тому, что соответствует "(.или .Б) и .с"? Я знаю, что я мог бы сделать это: .a.c,.b.c { /* CSS stuff */ } но, предполагая, что мне придется делать такую логику много, с различными логическими комбинациями, есть ли лучший синтаксис? ...

Есть ли селектор CSS по префиксу класса?

Я хочу применить правило CSS к любому элементу, один из классов которого соответствует указанному префиксу. например, я хочу правило, которое будет применяться к div, который имеет класс, который начинается с status- (A и C, но не B в следующем фрагменте): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority bar-class'></div> какая-то комбинация:div[c ...

Есть ли селектор CSS для текстовых узлов?

то, что я хотел бы сделать (не в IE очевидно) является: p:not(.list):last-child + :text { margin-bottom: 10px; } что даст текстовому узлу поле. (Это вообще возможно?) Как бы я получил текстовый узел с CSS? ...

Указывает на специфичность в CSS

исследуя специфику я наткнулся на этот блог -http://www.htmldog.com/guides/cssadvanced/specificity/ в нем говорится, что специфичность-это система баллов для CSS. Это говорит нам, что элементы стоят 1 балл, классы стоят 10 баллов и идентификаторы стоят 100 баллов. Он также идет на вершине говорят, что эти точки суммируются и общая сумма является специфика селектора. например: тело = 1 очкотело .обертка = 11 очковтело .обертка #контейнер = 111 пунктов Итак, используя эти точки, безуслов ...

Есть ли CSS не равно селектор?

есть что-то вроде != (не равно) в CSS? например, у меня есть следующий код: input { ... ... } но для некоторых входов мне нужно аннулировать эту. Я хотел бы сделать это, добавив класс "reset" к тегу ввода, например <input class="reset" ... /> а затем просто пропустите этот тег из CSS. как я могу это сделать? единственный способ, который я могу видеть, это добавить некоторый класс к тегу ввода и переписать CSS следующим образом: input.mod { ... ... } ...

Выбор пустого ввода текста с помощью jQuery

Как определить пустые текстовые поля с помощью jQuery? Я хотел бы сделать это с помощью селекторов, если это вообще возможно. Кроме того, я должен выбрать on id, так как в реальном коде, где я хочу использовать это, я не хочу выбирать все текстовые входы. в моих следующих двух примерах кода первый точно отображает значение, введенное в текстовое поле "txt2" пользователем. Второй пример определяет, что есть пустое текстовое поле, но если вы заполните его, он все равно будет считаться пустым. Зач ...

Выберите второй последний элемент с помощью css

Я уже знаю: последний ребенок. Но есть ли способ, чтобы выбрать элемент div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> Примечание: без jQuery, только с CSS ...

CSS как выбрать первый встречающийся элемент после другого элемента

у меня есть следующий HTML-код на странице <h4>Some text</h4> <p> Some more text! </p> в моем css у меня есть следующий селектор для стиля элемента H4. HTML-код выше - это всего лишь небольшая часть всего кода, есть несколько div, более обернутых вокруг принадлежности к shadowbox #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : 5px; margin-left : 6px; } таким образом, у меня есть правильный с ...