Запитання з тегом «css-selectors»

Як визначити порожні текстові поля за допомогою jQuery? Я хотів би зробити це за допомогою селекторів, якщо це взагалі можливо. Крім того, я повинен вибрати на id, оскільки в реальному коді, де я хочу це використовувати, я не хочу вибирати всі текстові введення. У наступних моїх двох прикладах коду перший …

103 jquery  css-selectors 

Мене клопотають, що я не можу просто зробити document.querySelectorAll(...).map(...)навіть у Firefox 3.6, і я все ще не можу знайти відповідь, тому я подумав, що перехресне повідомлення на ТАК на це запитання з цього блогу: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Хтось знає технічну причину, чому ви не отримуєте масив? Або чому StaticNodeList не буде наслідувати …

103 javascript  dom  css-selectors 

Якщо вони існують в програмуванні), Якщо у мене є форма HTML із такими входами: <input type="text" /> <input type="password" /> <input type="checkbox" /> Я хочу застосувати стиль до всіх входів, які є type="text"або type="password". Крім того, я б погодився з усіма вхідними документами, де type != "checkbox". Здається, я повинен …

101 html  css  css-selectors 

У мене є елемент с class='myTestClass'. Як застосувати стиль css до всіх дочірніх елементів цих елементів? Я хочу застосувати стиль лише до елементів дітей. Не його внуки. Я міг би використати .myTestClass > div { margin: 0 20px; } які працюють для всіх divдітей, але я хотів би рішення, яке …

101 css  css-selectors 

У мене проблеми з вкладанням в Сасс. Скажімо, у мене є такий HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Коли я намагаюся вкласти свої стилі наступним чином, я отримую помилку компіляції: .item { color: black; a& { color:blue; } } Як зробити посилання на селектор типу перед …

100 sass  css-selectors 

Мені потрібно використовувати селектор атрибутів у css, щоб змінити посилання на інший колір та зображення, але це не працює. У мене є цей html: <a href="/manual.pdf">A PDF File</a> І це css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: …

99 html  css  css-selectors 

Я знайшов цей CSS-код і запустив його, щоб побачити, що він робить, і він окреслив КОЖЕН елемент на сторінці, Чи може хтось пояснити, що робить зірочка * у CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: …

98 css  css-selectors 

Ось приклад, якого я не розумію: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Мені здається, width: 460pxце застосовується до всіх вищезазначених класів. Але чому деякі класи розділяються комою ( ,), а деякі просто пробілом? Я припускаю, що width: 460pxце буде застосовано лише до тих елементів, які поєднують класи так, …

98 css  css-selectors 

Нещодавно я натрапив * *в CSS . Посилання на сайт - Посилання на сайт . Для одного *використання в аркуші стилів CSS Інтернет та переповнення стека заповнені прикладами, але я не впевнений у використанні двох * *символів у CSS. Я переглянув його, але не зміг знайти будь-якої відповідної інформації про …

97 html  css  css-selectors 

Я хочу додати div як перший елемент, використовуючи jquery при кожному натисканні кнопки <div id='parent-div'> <!--insert element as a first child here ...--> <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div class='child-div'>some text</div> </div>

96 jquery  prepend  css-selectors 

Специфікація HTML дозволяє використовувати періоди (.) В ідентифікаторі: <img id="some.id" /> Однак використання правила селектора ідентифікатора CSS не відповідатиме належним чином: #some.id { color: #f00; } Специфікація CSS для селекторів ID не згадує про цей випадок. Тож я припускаю, що він використовує комбінацію імені тегу та селектора класу ? Наприклад, …

96 html  css  css-selectors 

Я намагаюся вибрати перше h1всередині а divз класом, який називається detail_container. Це працює, якщо h1це перший елемент у цьому div, але якщо він з’являється після цього, ulвін не буде працювати. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> …

96 css  css-selectors 

У мене є така функція, що нагадує jquery: function(elem) { return $('> someselector', elem); }; Питання в тому, як я можу зробити те саме querySelector()? Проблема полягає >в тому, що селектор в querySelector()вимагає явного вказівки батьків. Чи є якийсь обхідний шлях?

96 javascript  css-selectors  selectors-api 

У мене є щось на зразок: <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> Що таке селектор css для другого div (1-й div у div "вмісту"), таким чином я можу встановити колір шрифту дати в цьому div?

95 css  css-selectors 

var classes = $(this).attr('class').split(' '); // this gets the current element classes var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes. Батьком у вищезазначеній ситуації є анкор. Якби я хотів отримати перший батьківський DIV у розмірі $ (this), як би виглядав код? var classes = $(this).div:parent().attr('class').split(' '); // …

95 javascript  jquery  css-selectors