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

У мене є випадок, коли я повинен написати вбудований CSS-код, і я хочу застосувати стиль наведення на якір. Як я можу використовувати a:hoverвбудований CSS в атрибуті стилю HTML? Наприклад, ви не можете надійно використовувати класи CSS в електронних листах HTML.

1015 html  css  inline-styles 

Як ви використовуєте властивість CSS content для додавання об'єктів HTML ? Використовуючи щось подібне, просто друкується   на екран замість нерозривного простору: .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

На цей питання є відповіді на Stack Overflow на російському : Суть класса clearFix Нещодавно я переглянув код якогось веб-сайту і побачив, що кожен <div> має свій клас clearfix. Після швидкого пошуку в Google я дізнався, що це іноді для IE6, але що насправді є чітким виправленням? Чи можете ви …

1003 html  css  layout  cross-browser  clearfix 

Я помітив, що деякі веб-переглядачі (зокрема, Firefox та Opera) дуже ретельно використовують кешовані копії файлів .css та .js , навіть між сеансами браузера. Це призводить до проблеми під час оновлення одного з цих файлів, але браузер користувача продовжує використовувати кешовану копію. Питання: який найелегантніший спосіб змусити браузер користувача перезавантажити файл, …

993 javascript  css  caching  auto-versioning 

Чи є у веб-переглядачах послідовний спосіб приховати нові спінові вікна, які деякі браузери (наприклад, Chrome) надають для введення HTML номера типу? Я шукаю метод CSS або JavaScript, щоб запобігти появі стрілок вгору / вниз. <input id="test" type="number">

984 javascript  css  html  input  numbers 

Я використовую Bootstrap. Як я можу зробити три стовпчики однакової висоти? Ось скріншот проблеми. Я хотів би, щоб сині та червоні стовпці були такої ж висоти, як і жовта. Ось код: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" style="background-color: …

965 css  twitter-bootstrap 

Мені потрібна допомога з накладанням однієї особи divна іншу div. Мій код виглядає приблизно так: <div class="navi"></div> <div id="infoi"> <img src="info_icon2.png" height="20" width="32"/> </div> На жаль, я не можу вкласти гніздо div#infoiчи imgвсередині першого div.navi. Це повинно бути два окремих divs , як показано на малюнку, але мені потрібно знати …

958 html  css  position  overlay 

У мене є купа елементів з назвою класу red, але я не можу, здається, вибрати перший елемент за class="red"допомогою наступного правила CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Що не в цьому селекторі і як це виправити? Завдяки коментарям я …

944 css  css-selectors 

Чи є спосіб вибрати / маніпулювати псевдоелементами CSS, такими як ::beforeі ::after(та старою версією з однією комою), використовуючи jQuery? Наприклад, моя таблиця стилів має таке правило: .span::after{ content:'foo' } Як я можу змінити "foo" на "bar" за допомогою jQuery?

943 javascript  jquery  css  jquery-selectors  pseudo-element 

У незліченних місцях в Інтернеті я побачив рекомендацію включати CSS до JavaScript. Міркування, як правило, такої форми : Що стосується замовлення CSS та JavaScript, ви хочете, щоб ваш CSS став першим. Причина полягає в тому, що в потоці візуалізації є вся інформація про стиль, необхідна для візуалізації сторінки. Якщо JavaScript …

897 javascript  css  performance 

Я використовую Twitter Bootstrap 3, і у мене виникають проблеми, коли я хочу вирівняти два вертикально div, наприклад - посилання JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> …

889 html  css  twitter-bootstrap  twitter-bootstrap-3 

Я змінюю CSS з jQuery і хочу видалити стилі, які я додаю, виходячи з вхідного значення: if(color != '000000') $("body").css("background-color", color); else // remove style ? Як я можу це зробити? Зауважте, що рядок вище працює, коли колір вибирається за допомогою вибору кольору (наприклад, коли миша рухається по кольоровому колесо). …

868 javascript  jquery  css  background 

У мене є вікова проблема divобгортання макетів з двома колонками. Моя бічна панель є плаваючою, тому мій контейнер divне може завернути вміст і бічну панель. <div id="container"> <div id="content"></div> <div id="sidebar"></div> </div> Здається, існує чимало методів виправлення явної помилки у Firefox: <br clear="all"/> overflow:auto overflow:hidden У моїй ситуації єдине, що, …

864 css  clearfix 

У мене divвстановлено display:block( 90px heightі width), і в мене є текст. Мені потрібно текст вирівняти по центру і по вертикалі, і по горизонталі. Я спробував text-align:center, але це не робить горизонтальну частину, тому я спробував vertical-align:middle, але не вийшло. Будь-які ідеї?

862 html  css 

Пошук ~персонажа непростий. Я переглядав деякі CSS і виявив це .check:checked ~ .content { } Що це означає?

857 css  css-selectors