Програмування css-selectors

11

Як я можу вибрати всі trелементи, крім першого, trу таблиці з CSS? Я спробував скористатися цим методом, але виявив, що він не працює.

257 css css-selectors

2

Як вибрати мітку для = "XYZ" у CSS?

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

256 css css-selectors

4

Виберіть кожен N-й елемент у CSS

Чи можливо вибрати, скажімо, кожен четвертий елемент у наборі елементів? Напр .: У мене 16 <div>елементів ... Я міг би написати щось подібне. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) чи є кращий спосіб це зробити?

242 css css-selectors

8

Застосовуйте CSS Style до дочірніх елементів

Я хочу застосувати стилі лише до таблиці всередині DIV з певним класом: Примітка: я б краще скористався css-селектором для дітей елементів. Чому №1 працює, а №2 - ні? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} HTML: <html> …

232 css css-selectors

9

Селектор CSS3: перший тип з назвою класу?

Чи можливо використовувати селектор CSS3 :first-of-type вибрати перший елемент із заданим іменем класу? Я не мав успіху в своєму тесті, тому я думаю, що це не так? Код ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p …

230 css css-selectors

4

Чи чутливі до регістру імена класів у селекторах CSS?

Я постійно читаю скрізь, що CSS не враховує регістри, але у мене є цей вибір .holiday-type.Selfcatering який, коли я використовую у своєму HTML, як це, отримує <div class="holiday-type Selfcatering"> Якщо я зміню вищевказаний селектор, як це .holiday-type.SelfCatering Тоді стиль не підбирається. Хтось говорить брехню.

229 html css css-selectors

9

Як поєднати клас та ідентифікатор у селекторі CSS?

Якщо у мене є такий div: <div class="sectionA" id="content"> Lorem Ipsum... </div> Чи є спосіб визначити стиль, що виражає ідею "Діл з id='content'І class='myClass'"? Або ви просто підете в той чи інший бік, як в <div class="content-sectionA"> Lorem Ipsum... </div> Або <div id="content-sectionA"> Lorem Ipsum... </div>

221 css css-selectors

9

У CSS яка різниця між "." і "#" при оголошенні набору стилів?

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

219 css css-selectors

3

Яка різниця між * та * | * у CSS?

У CSS *буде відповідати будь-якому елементу. Часто *|*використовується замість того, *щоб відповідати всім елементам. Зазвичай це використовується для тестування. Яка різниця між *і *|*в CSS?

211 css css-selectors namespaces

5

Що таке синтаксис для селектора в CSS для наступного елемента?

Якщо у мене є тег заголовка <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } і після цього у мене є абзац <p>stuff here</p>. Як я можу забезпечити використання CSS, що кожен <p>тег, який слід використовувати, h1.hc-reformповинен використовувати:clear:both; це було б: h1.hc-reform > p{ clear:both; } чомусь це не …

200 html css css-selectors siblings

4

Як змусити CSS вибрати ідентифікатор, який починається з рядка (не у Javascript)?

Якщо HTML має такі елементи: id="product42" id="product43" ... Як я зіставляю всі ці ідентифікатори, починаючи з "продукт"? Я бачив відповіді, які роблять це саме за допомогою javascript, але як це зробити лише за допомогою CSS?

194 html css css-selectors

4

Що це за селектор CSS? [class * = “span”]

Я бачив цього селектора у Twitter Bootstrap: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Хтось знає, як називається ця техніка і що вона робить?

190 css css-selectors

6

Кутовий 2: Як стилізувати хост-елемент компонента?

У мене є компонент у Angular 2, який називається my-comp: <my-comp></my-comp> Як один стиль є головним елементом цього компонента в куті 2? У полімері ви використовуєте селектор ": host". Я спробував це в Angular 2. Але це не працює. :host { display: block; width: 100%; height: 100%; } Я також …

189 css angular css-selectors angular-components

10

Чи можна застосувати стиль CSS до імені елемента?

Зараз я працюю над проектом, в якому я не маю контролю над HTML, до якого я застосовую стилі CSS. І HTML не дуже добре позначений, в тому сенсі, що недостатньо оголошень id та класу для розмежування елементів. Отже, я шукаю способи застосувати стилі до об'єктів, які не мають атрибута id …

176 html css css-selectors

6

Вибір останнього довідника CSS: виберіть останній елемент конкретного класу, а не останню дочірню частину батька?

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Я хочу вибрати #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Це не працює, якщо у мене div.somethingв коментарі списку є ще одна фактична остання …

176 html css css-selectors

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