Einzelne Tags ansprechen

[steffen]

Hi,

wenn ich zB eine Strucktur hätte:

<div id="test">
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
</div>

Wär es möglich gezielt eine der <p> Tags anzusprechen? Wenn ja wie?

Danke für eure fixe Antwort :)

[Siechfred]

Hell-O!

<div id="test">
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
</div>
Wär es möglich gezielt eine der <p> Tags anzusprechen? Wenn ja wie?

Ich finde keine passende Selektor-Syntax.

Siechfred

[Mathias Brodala]

Hallo Siechfred.

<div id="test">
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
</div>
Wär es möglich gezielt eine der <p> Tags anzusprechen? Wenn ja wie?

Ich finde keine passende Selektor-Syntax.

<antwort typ="unsicher">Ich schon.</antwort>

Einen schönen Freitag noch.

Gruß, Mathias

[steffen]

Hi Mathias,

meine natürlich eine variante, ohne ein Attribut in den Tag zu schreiben.

Sowas wie:

.listitemrow .medium a:value.[2] { display: none; }

Ist auch nur eine SPielerei und is nich schlimm, wenns nich geht =)

[Mathias Brodala]

Hallo steffen.

meine natürlich eine variante, ohne ein Attribut in den Tag zu schreiben.

Sowas wie:

.listitemrow .medium a:value.[2] { display: none; }

Natürlich und es gibt auch eine Möglichkeit. Ausgehend von deinem eingangs genannten Code:

<div id="test">  
  <p>1</p>  
  <p>1</p>  
  <p>1</p>  
  <p>1</p>  
  <p>1</p>  
  <p>1</p>  
</div>

… ist folgendes möglich, um einzig das dritte p-Element mit einer Hintergrundfarbe zu versehen:

div#test p+p+p { /* Formatierung für das dritte p-Element in Folge */  
  background:#f00;  
}  
div#test p+p+p+p { /* Für das vierte und folgende wieder zurücksetzen */  
  background:transparent;  
}

Einen schönen Freitag noch.

Gruß, Mathias

[steffen]

Hi Mathias,

danke für die Hilfe klappt super :) Nun möchte ich das ganze via display: none; ausblenden, aber das einblenden geht ja nicht. visability macht es zwar unsichtbar, aber der platz wird noch hinzugerechnet.

Steffen

[Mathias Brodala]

Hallo steffen.

danke für die Hilfe klappt super :) Nun möchte ich das ganze via display: none; ausblenden, aber das einblenden geht ja nicht.

Warum sollte es nicht gehen? Du kannst Werte aller Eigenschaften nach Belieben überschreiben. Blendest du ein Element per display:none aus, kannst du es mit einem anderen Wert für display beliebig wieder einblenden. (Kind- in ausgeblendeten Elternelementen natürlich ausgenommen.)

Woran genau scheitert’s denn nun also?

Einen schönen Sonntag noch.

Gruß, Mathias

[Cheatah]

Hi,

[code]div#test p+p+p { /* Formatierung für das dritte p-Element in Folge */

dazu existiert noch :first-child.

Cheatah

[Mathias Brodala]

Hallo Cheatah.

[code]div#test p+p+p { /* Formatierung für das dritte p-Element in Folge */

dazu existiert noch :first-child.

Stimmt, wäre präziser.

Einen schönen Sonntag noch.

Gruß, Mathias

[Tim Tepaße]

Hallo Mathias,

div#test p+p+p { /* Formatierung für das dritte p-Element in Folge */

background:#f00;
}

  
In CSS 3 wäre das dann `#test p:nth-child(0n+1)`{:.language-css} und man spart sich sogar das Wiederholungsproblem. ;)  
  
  
Tim

[Mathias Brodala]

Hallo Tim.

div#test p+p+p { /* Formatierung für das dritte p-Element in Folge */

background:#f00;
}

>   
> In CSS 3 wäre das dann `#test p:nth-child(0n+1)`{:.language-css} und man spart sich sogar das Wiederholungsproblem. ;)  
  
Jaja, man wird noch träumen dürfen …  
  
  
Einen schönen Sonntag noch.  
  
Gruß, Mathias  

-- 
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|  
  
debian/rules