Как установить стиль один родительский элемент [дубликат] -- css пол Связанный проблема

How to set a style one a parent element [duplicate]


0
vote

проблема

русский
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»>
Этот вопрос уже есть ответы здесь :
Закрыто 8 лет назад .

<Сильный> Возможный дубликат:
Комплексный селектор CSS для родителя активного ребенка

Как я могу установить стиль моего <код> <li> на базе в классе дочернего элемента?

Пример:

 <код> <div class"options"> <ul>    <li> <a href="#"> option 1 </a> </li>    <li> <a href="#"> option 2 </a> </li>    <li> <a class="last" href="#"> option 3 </a> </li>     <li> <a href="#"> option 4 </a> </li>    <li> <a href="#"> option 5 </a> </li>    <li> <a class="last" href="#"> option 6 </a> </li>     <li> <a href="#"> option 7 </a> </li>    <li> <a href="#"> option 8 </a> </li>    <li> <a class="last" href="#"> option 9 </a> </li> </ul> </div>   

Я могу стиль <код> a с <код> .options li a.last { ... }

Но то, что я хочу, это применить <код> margin:0 на родитель <код> li , и у меня нет способа контролировать, что внутри <код> <li> , только что Внутри <Код> <a> .

Есть ли стиль трюки?


Что я пытаюсь сделать:

Введите описание изображения здесь

У меня есть цикл jQuery, чтобы добавить <код> .last класса на каждый третий <код> <li> как

 <код> <div class"options"> <ul>    <li> <a href="#"> option 1 </a> </li>    <li> <a href="#"> option 2 </a> </li>    <li> <a class="last" href="#"> option 3 </a> </li>     <li> <a href="#"> option 4 </a> </li>    <li> <a href="#"> option 5 </a> </li>    <li> <a class="last" href="#"> option 6 </a> </li>     <li> <a href="#"> option 7 </a> </li>    <li> <a href="#"> option 8 </a> </li>    <li> <a class="last" href="#"> option 9 </a> </li> </ul> </div> 0  

Но я хотел узнать, есть ли другой способ, которым не требуется помощник JavaScript.

Английский оригинал

Possible Duplicate:
Complex CSS selector for parent of active child

How can I set the style of my <li> based in a class of a child element?

example:

<div class"options"> <ul>    <li> <a href="#"> option 1 </a> </li>    <li> <a href="#"> option 2 </a> </li>    <li> <a class="last" href="#"> option 3 </a> </li>     <li> <a href="#"> option 4 </a> </li>    <li> <a href="#"> option 5 </a> </li>    <li> <a class="last" href="#"> option 6 </a> </li>     <li> <a href="#"> option 7 </a> </li>    <li> <a href="#"> option 8 </a> </li>    <li> <a class="last" href="#"> option 9 </a> </li> </ul> </div> 

I can style the a with .options li a.last { ... }

but what I want is to apply margin:0 to the parent li, and I have no way to control what's inside <li>, only what's inside <a>.

Is there any style trick?


What I'm trying to accomplish:

enter image description here

I have a jQuery loop to add the .last class to every 3rd <li> as

$(".box-left li").each(function (i) {     if ((i+1) % 3 == 0)          $(this).addClass("last"); }); 

But I wanted to learn if there's other way that does not involve a javascript helper.

</div
  
     
     

Список ответов

1
 
vote
vote
Лучший ответ
 

Это не может быть сделано с CSS к сожалению, лучшее, что я могу предложить вам jQuery, и это <код> interface ITextSearchSortable { double? TextMatchScore { get; set; } } 0 селектор.

В качестве альтернативы, сделайте все свои поля / прокладки на <код> interface ITextSearchSortable { double? TextMatchScore { get; set; } } 1 метка вместо <код> interface ITextSearchSortable { double? TextMatchScore { get; set; } } 2 tag. Это связано с некоторыми перетасовками, но достигнет того, что вам нужно

 

This can't be done with CSS sadly, best I can offer you is jQuery and it's :has selector.

Alternatively, make all your margins/paddings on the a tag instead of the li tag. This will involve some shuffling but will achieve what you need

</div
 
 
0
 
vote

К сожалению, в настоящее время нет способа выбрать родительский элемент в CSS.

Этот вопрос задан несколько раз и это Ответ , похоже, суммирует его довольно хорошо.

 

Unfortunately there is currently no way to select a parent element in CSS.

This question has been asked multiple times and this answer seems to sum it up quite well.

</div
 
 
0
 
vote

Нет возможности выбрать родительский элемент дочернего элемента. Может быть, это будет полезно для вас Укажите то Ли {Высота линии: 20px;} li {display: блок;}

 

There is no possibility to select parent element of a child element. May be this will helpful to u Specify the li{line-height:20px;} li a{display:block;}

</div
 
 

Связанный проблема

0  iPhone 5 симулятор и медиа запрос  ( Iphone 5 simulator and media query ) 
Я видел ответ здесь, как получить медиа-запрос iPhone5 @Media Только экран и (ширина max-Device: 1136px) и (ширина - 960px) и (высота устройства: 640p...

9  Могу ли я установить два фоновых изображения на одном элементе с CSS?  ( Can i set two background images on the same element with css ) 
Образец HTML-кода: <код> belongs_to :y3 Пример файла CSS: <код> belongs_to :y4 Кажется, что часть «B» игнорируется. Есть ли способ Inlclude как из...

15  CSS округлые углы  ( Css rounded corners ) 
Я видел много кодов для этого, но кажется, что он не работает очень хорошо или вообще. Я использовал картинки для округлых углов, но мне нужен код, так что он...

23  Вопрос с медиа-запросами CSS (Scrollbar)  ( Issue with css media queriesscrollbar ) 
У меня проблемы с CSS Media Query в Firefox. Он работает правильно в Chrome, как я сделал два рав и хотеть прокрутку. Если я уменьшаю размер экрана Firefox до...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

0  Почему это работает над сафари и Firefox, но не на хроме?  ( Why is this working on safari and firefox but not on chrome ) 
У меня есть адаптивное меню навигации, он работает следующим образом: при изменении размера окна появляется значок «Гамбургер» (три строки). Нажатие на этот з...

13  Как центрировать текст внутри якоря  ( How to center text inside anchor tag ) 
Я хочу, чтобы мой якорный тег выглядеть как кнопка, и создала этот стиль jsfiddle <код> watch0 Похоже, как я хочу, но как в центре текста горизонтально...

0  Делать все изображения того же размера, переопределяя CSS-код  ( Making all images the same size by overriding css code ) 
Я недавно боролся с созданием интернет-магазина. У меня более 1000 изображений, импортированных в интернет-магазин, но все они разные размеры. Я создаю веб-...

2  Преобразование: масштаб и позиционирование  ( Transform scale and positioning ) 
Как это, когда я применим шкала преобразования. «Z-индекс изменен»? Что я скучаю? Есть ли какие-нибудь «хитрость» для игры с трансформацией? <код> .thumb > ...

1  Правильное форматирование ссылки HTML - можно ли два равна внутри одного тега <a>? [Дубликат]  ( Proper html link formatting can two divs be inside of one a tag ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

30  Почему недвижимость CSS нельзя, не позволяя мне сделать жесткие пробелы в Chrome?  ( Why isnt the css property line height letting me make tight line spaces in ch ) 
У меня есть тег абзаца, который я определил в другом месте с высотой строки 15px, и у меня есть другой тег абзаца дальше вниз по странице, где я хочу сделать ...

4  Сжимается и расти элемент, используя CSS3  ( Shrink and grow an element using css3 ) 
Я пытаюсь реализовать расти и сокращать влияние на элемент div, это работает, но анимация работает слева направо. Хотел бы сделать это из центра. Ниже я раз...

1  HTML / CSS - Center Nav Bar переменных размеров  ( Html css center nav bar of variable size ) 
У меня будет навигационный бар, который позволяет пользователю сортировать галерею картинок. Проблема в том, что ширина панели NAV будет варьироваться в завис...

1  Лучший способ получить все даты между datea и dateb  ( Best way to get all dates between datea and dateb ) 
Я использую ASP: Calander, и у меня есть объект, который имеет дату начала и дату окончания. Мне нужно получить все даты между этими двумя датами и размещать ...

1  Как я могу скрыть десятичные числа правильным образом?  ( How do i hide decimal numbers the correct way ) 
Я использую этот метод, чтобы скрыть десятичные числа на странице. код CSS: <код> span { clip-path: inset(0 2.1ch 0 0); } HTML-код: <код> <span>...

Связанный проблема

0  iPhone 5 симулятор и медиа запрос 
9  Могу ли я установить два фоновых изображения на одном элементе с CSS? 
15  CSS округлые углы 
23  Вопрос с медиа-запросами CSS (Scrollbar) 
0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено? 
0  Почему это работает над сафари и Firefox, но не на хроме? 
13  Как центрировать текст внутри якоря 
0  Делать все изображения того же размера, переопределяя CSS-код 
2  Преобразование: масштаб и позиционирование 
1  Правильное форматирование ссылки HTML - можно ли два равна внутри одного тега <a>? [Дубликат] 
30  Почему недвижимость CSS нельзя, не позволяя мне сделать жесткие пробелы в Chrome? 
4  Сжимается и расти элемент, используя CSS3 
1  HTML / CSS - Center Nav Bar переменных размеров 
1  Лучший способ получить все даты между datea и dateb 
1  Как я могу скрыть десятичные числа правильным образом? 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.