/* We can stack styles at different z-index (depth) */
way[railway=rail]
- { z-index: 8; color: black; width: 4; }
-way[railway=rail]
- { z-index:1; color: green; width: 8; }
+ { z-index: 3; color: black; width: 5; }
+ { z-index: 4; color: white; width: 3; dashes: 12,12; }
/* Change the road colour based on dynamically set "highlighted" tag (see earlier) */
way :selected { z-index: 2; width: 8; color: yellow; }
way !:drawn { z-index:10; width: 0.5; color: gray; }
-node :selected { z-index: 1; icon-image: square; icon-width: 12; color: yellow; }
node :selectedway { z-index: 9; icon-image: square; icon-width: 7; color: red; }
node :hoverway { z-index: 9; icon-image: square; icon-width: 7; color: blue; }
node !:drawn :poi { z-index: 2; icon-image: circle; icon-width: 4; color: green; casing-color: black; }
+node :selected { z-index: 1; icon-image: square; icon-width: 12; color: yellow; }
/* Descendant selectors provide an easy way to style relations: this example means "any way
which is part of a relation whose type=route". */