---
title: "Egenskap på nästlad lista ska endast slå på förälder"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189183-egenskap-på-nästlad-lista-ska-endast-slå-på-förälder"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "silfver"
published: "2012-02-23T13:12:22.000Z"
updated: "2012-02-24T07:39:45.000Z"
replies: 10
views: 1156
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/189183-egenskap-på-nästlad-lista-ska-endast-slå-på-förälder"
---

# Egenskap på nästlad lista ska endast slå på förälder

## #1 — silfver, 2012-02-23T13:12Z

<http://jsbin.com/ibomuh/edit#html,live>

Jag vill alltså att *Libraries, Lists och Discussions* ska få gul bakgrund. Men jag vrider och vänder på det utan att lyckas! Alltså alla \<li\> under första \<ul\> ska bli gula. Men inte de \<ul\> \<om ligger nästlade i en \<li\>. Hoppas jag har förklarat så ni förstår. :)

Någon som har koll på det här och vill hjälpa mig?

Permalänk: https://www.webforum.nu/p/189183

## #2 — voigtann1, 2012-02-23T13:31Z

det bli ju svårt, eftersom den översta ul täcker alla dess childs

men du kan ju alltid sätta det på de fösta lis första a-element i noden:
<http://jsbin.com/ibomuh/2/edit>

Permalänk: https://www.webforum.nu/p/2296195

## #3 — silfver, 2012-02-23T13:34Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1547946)**
>
> det bli ju svårt, eftersom den översta ul täcker alla dess childs
>
> men du kan ju alltid sätta det på de fösta lis första a-element i noden:
> <http://jsbin.com/ibomuh/2/edit>

 Problemet med att sätta det på länken är att jag vill egentligen göra en border som omsluter varje rubrik-\<li\>.  (ursäkta mig om jag krånglade till det från början...)

<http://jsbin.com/ibomuh/4/edit>

Kan man lösa detta utan att ta bort bordern utifall man får ännu fler nästlade noder?

Permalänk: https://www.webforum.nu/p/2296196

## #4 — voigtann1, 2012-02-23T15:36Z

Du vill att föräldern skall få en egenskap om den har en specifikt barn? Det kommer först i CSS4, men med jQuery ;)

Permalänk: https://www.webforum.nu/p/2296201

## #5 — silfver, 2012-02-23T15:46Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1547954)**
>
> Du vill att föräldern skall få en egenskap om den har en specifikt barn? Det kommer först i CSS4, men med jQuery ;)

 Jag som var helt övertygad om att man kunde säga att alla \<li\> som ligger direkt under en \<ul\> kunde få en egenskap utan att påverka underliggande \<ul\> och \<li\>.

jQuery kanske blir en lösning om jag inte använder min "lösning". :)

Tack som vanligt voigtann1!

Permalänk: https://www.webforum.nu/p/2296202

## #6 — voigtann1, 2012-02-23T15:53Z

ja det kan du ju:

```
ul>li
```

Säger alla lin direkt efter en ul skall ha den stylen, men det hjälper inte direkt om man inte ha något "unikt" med första noden:

```
.s4-ql>ul > li {
    border: 1px solid black;
}
```

alla direkta barn till .s4-ql och dess direkta barn (\<li\>) skall ha en svart border.

men med en bakgrund så bli det ju jobbigt.

Permalänk: https://www.webforum.nu/p/2296203

## #7 — silfver, 2012-02-23T18:58Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1547956)**
>
> ja det kan du ju:
>
>
> ```
> ul>li
> ```
>
> Säger alla lin direkt efter en ul skall ha den stylen, men det hjälper inte direkt om man inte ha något "unikt" med första noden:
>
>
> ```
> .s4-ql>ul > li {
>     border: 1px solid black;
> }
> ```
>
> alla direkta barn till .s4-ql och dess direkta barn (\<li\>) skall ha en svart border.
> 
> men med en bakgrund så bli det ju jobbigt.

 Jag får hoppas att CSS3 slår otroligt hårt och att arbetet med CSS4 slår ännu snabbare. :) Känns som en basic grej att vilja göra ändå! Tack för att du förklarar så en noob förstår! ;)

Permalänk: https://www.webforum.nu/p/2296207

## #8 — Danne V, 2012-02-23T19:11Z

Jag kanske inte fattat vad det handlar om. Men om problemet bl.a. blir att den gula bakgrunden i en li-förälder också omfattar dess barn-ul (med sina egna li), så bör det ju gå att lösa lite småfult genom att istället för en hel bakgrundsfärg bara lägga in en lagom hög gul bakgrundsbild....

Eller?

Permalänk: https://www.webforum.nu/p/2296208

## #9 — silfver, 2012-02-23T19:13Z

> **[Danne V skrev:](https://www.webforum.nu/p/1547961)**
>
> Jag kanske inte fattat vad det handlar om. Men om problemet bl.a. blir att den gula bakgrunden i en li-förälder också omfattar dess barn-ul (med sina egna li), så bör det ju gå att lösa lite småfult genom att istället för en hel bakgrundsfärg bara lägga in en lagom hög gul bakgrundsbild....
> 
> Eller?

 Bakgrundsfärgen var en liten vilseledande första kommentar av mig. Vad jag egentligen ville åstadkomma är att omsluta alla li-föräldrar med en border (som då omsluter en nästlad ul). Det har jag lyckats med i mitt andra inlägg men det har ju sina nackdelar att göra så t.ex. om man har ytterligare en nästlad lista.

Permalänk: https://www.webforum.nu/p/2296209

## #10 — Danne V, 2012-02-23T19:53Z

> **[silfver skrev:](https://www.webforum.nu/p/1547962)**
>
> Bakgrundsfärgen var en liten vilseledande första kommentar av mig. Vad jag egentligen ville åstadkomma är att omsluta alla li-föräldrar med en border (som då omsluter en nästlad ul). Det har jag lyckats med i mitt andra inlägg men det har ju sina nackdelar att göra så t.ex. om man har ytterligare en nästlad lista.

Aha...ok. 
Well, lycka till!  :)

Permalänk: https://www.webforum.nu/p/2296210

## #11 — voigtann1, 2012-02-24T07:39Z

Till framtida referenser: <http://www.w3.org/TR/2011/WD-selectors4-20110929/>

så är det:

```
$E > F 	an E element parent of an E element
```

Permalänk: https://www.webforum.nu/p/2296222

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189183-egenskap-på-nästlad-lista-ska-endast-slå-på-förälder