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

Чи є спосіб стилізувати вибраний на даний момент <option>елемент в <select>елементі? Тоді я міг би надати колір тла поточно вибраному елементу опції? Таким чином я можу стилізувати варіант, який зараз можна переглянути у закритому випадаючому списку.

86 html  css  css-selectors  pseudo-class 

Чи можна за допомогою nth-childселекторів обернути 3 divs, використовуючи .wrapAll? Здається, я не можу скласти правильне рівняння. тому... <div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> стає ... <div> <div class="new"> <div></div> <div></div> <div></div> </div> <div class="new"> <div></div> <div></div> <div></div> </div> </div>

85 jquery  css-selectors  wrapall 

Я знайшов приклад адаптивних шаблонів електронної пошти, де є такі селектори CSS, такі як такі: a[class="btn"] Чому використовується цей синтаксис, якщо він абсолютно такий самий, як: a.btn Чи це впливає на мобільні браузери чи щось інше?

85 css  css-selectors 

Як ви, мабуть, уже знаєте, у вас може бути кілька класів елементів, розділених пробілом. Приклад <div class="content main"></div> А за допомогою CSS ви можете націлити це divза допомогою .contentабо .main. Чи є спосіб націлити його тоді і лише тоді, коли присутні обидва класи? Приклад <div class="content main">I want this div</div> …

85 css  css-selectors 

Чи можна вибрати останні 5 дочірніх div-елементів елемента?

84 jquery  css-selectors 

Чи є простіший / швидший спосіб додати елемент за допомогою додавання jQuery: Як отримати елемент $ selectors: $container.append('<div class="selectors"></div>'); var $selectors = $('.selectors', $container); Я намагався: var $selectors = $container.append('<div class="selectors"></div>'); але це робить $ селектори = $ контейнер Можливо, це найшвидший / найкращий спосіб. Просто перевіряю.

82 jquery  css-selectors  append 

Я хочу стилізувати codeелементи, які не знаходяться всередині aтегів. Який найкращий підхід для цього? code:not(a code)здається, взагалі не працює, принаймні в Chrome, хоча здається, що так і має бути Я не можу змусити його працювати з консолі. Чи існують інші підходи, призначені лише для css, які я міг би використати …

81 css  css-selectors 

Я розумію, що використання element.classмає дозволяти певному елементу, призначеному класу, отримувати інший "стиль", ніж решта класу. Це не питання про те, чи слід цим користуватися чи ні, але я намагаюся зрозуміти, як цей селектор призначений для роботи. Переглядаючи безліч прикладів в Інтернеті, я вважаю, що синтаксис правильний і не розумію, …

81 html  css  syntax  css-selectors 

У CSS ви можете зробити це : input[type=submit] { // properties } Це дуже корисно для стилізації кнопок форми. Як ви робите те саме в SASS?

80 css  attributes  css-selectors  sass 

Це зводить мене з розуму: HTML: <div><h1>Hello World!</h1></div> CSS: *:not(div) h1 { color: #900; } Чи не читається це: "Виділити всі h1елементи, у яких є предок, який не є divелементом ...?" Таким чином, "Привіт Світ!" не повинен бути пофарбований у червоний колір, але він все ще є. Для вищевказаної розмітки …

80 html  css  css-selectors 

Це повинно бути дуже просто, але я не можу зрозуміти. У мене є така таблиця: <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4 </td></tr> </table> Я хочу зробити tdтеги першого trрядка vertical-align. Але не другий ряд. .category_table td{ vertical-align:top; }

79 html  css  css-selectors  html-table 

Як я можу вибрати певний елемент у списку елементів? У мене є таке: <div class="myclass">my text1</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <div> <p>more stuff</p> </div> <p> <span>Hello World</span> </p> <div class="myclass">my text2</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <p> <span>Hello World</span> </p> <input …

79 css  css-selectors  pseudo-class 

Я щойно побачив код CSS, який включав ::beforeтег. Я подивився MDN, щоб побачити, що це ::beforeтаке, але я насправді цього не зрозумів. Хтось може пояснити, як це працює? Це робить елемент DOM перед тим, що ми вибираємо за допомогою CSS?

79 css  css-selectors 

У мене є список прапорців у таблиці. (один із ряду КБ на ряду) <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'> </label></td></tr> Я хотів би замінити зображення прапорця на пару власних …

78 css  checkbox  css-selectors 

Враховуючи такий HTML: <div id="table-filters"> <ul> <li class="active">blah</li> <li>blah</li> <li>blah</li> <li>blah</li> </ul> </div> Використовуючи табличні фільтри як селектор jQuery, як я можу очистити елементи, що мають CLASS=ACTIVE, незалежно від того, на якому з них LIвін знаходиться? Дякую

78 jquery  css-selectors