funktioniert mit unten aufgeführter CSS wie gewünscht (Vererbung der Eigenschaften) bis..
xxx - Roottext
- sss
ccc
- BBB
cccchild mit <a class="child">
ul class ="parent"
- li classe = "parent", ulabctooltip auf liste
- li class="child"
"abc"
- li class="child"
- li class="child"
jetzt in div sidemap
xxxx
----- mit container #side
ul root
ul class ="parent"
- li classe = "parent", ul
- li class="child"
"cde"
- li class="child"
- li class="child"
- li cl= "p", ul="plast"
- li class="child"
- li class="child"
- li class="childlast"
- li classe = "parent", ul
- li class="child"
- li class="child"
- li class="childlast"
- li classe = "parentlast", ul xxxxx
- li class="child"
- li class="child"
- li class="childlast"
- li classe = "parent", ul
- li classe = "parent", ul
- li class="child"
- li class="child"
- li class="childlast"
- li classe = "nix", ul "p"
- li class="child"
- li class="child"
- li class="childlast"
- li classe = "parent", ul "p"
- li class="child"
- li class="child"
- li class="childlast"
- li class = "plast", ul "p"
- li class="child"
- li class="child"
- li class="childlast"
- li cl = "p", ul cl="pl"
- li class="child"
- li class="child"
- li class="childlast"
- li classe = "parent", ul
- li class="child"
- li class="child"
- li class="childlast"
- li class = "plast", ul
- li class="child"
- li class="child"
- li class="childlast"
- li classe = "p", ul P
- li classe = "parent", ul PL
- li class="child"
- li class="child"
- li class="childlast"
- li class = "plast", ul PL
- li class="child"
- li class="child"
- li class="childlast"
- li classe = "parentlast", ul
- li class="child"
- li class="child"
- li class="childlast"
ul class ="nix"
- li classe = "nix", ul
- li class="nix"
- li class="nix"
- li class="nix"
Textfelder:
inputfeld
inputfeld
### Ende der geglückten Vererbung
- li class, dann a => die "child"-Attribute werden hier nicht nach dem folgenden <a> vererbt
- parentplus-li 1
- parentplus-li 2
- parentplus-li 3
- parentplus-li 4
- li außerhalb von p
funktioniert mit folgender CSS-Definition--
ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
color: Gray;
}
li {
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 20px;
}
/* hover funktioniert nicht mit IE.6 / RadRails */
li:hover{
color: #5F9EA0;
}
/* tree - nur die Nicht-Steuerelemente in CSS */
.root{
color: #B22222;
}
.parent{
color: Maroon;
text-decoration: none; /* für link */
}
.child{
color: Olive;
text-decoration: none; /* für link */
}
.parent:hover, .child:hover{
color: #0000CD;
background-color: transparent;
text-decoration: underline; /* für link */
}