A string: content: "a string"; – special characters need to be specially encoded as a unicode entity. See the glyphs page.
An image: content: url(/path/to/image.jpg); – The image is inserted at it’s exact dimensions and cannot be resized. Since things like gradients are actually images, a pseudo element can be a gradient.
Nothing: content: ""; – Useful for clearfix and inserting images as background-images (set width and height, and can even resize with background-size).
A counter: content: counter(li); – Really useful for styling lists (but we also have ::marker for that).
Note that you cannot insert HTML (at least, that will be rendered as HTML).
content: "nope";
Проблеми
Промяна на посетен линк
За да действа трябваше да си изчистя историята на браузъра!!
Булетите да остават повреме на hover без повтарящ се код-
За да може и повреме на hover да стоят добавените вече в списъка background-images : ако в li използвам background-image , а после в отделните li-та background явно той променя бекграунда цялостно(т.е свойство background превъзхожда и пренаписва (overrides) свойства background-image и background-color), докато ако работя с background-image , а после с background-color няма нужда от important
В Problem 1 този код:
Трябва да е накрая, защото
Тук отново съм ползвала background
И ако background-color е преди background , то background в случая занулява background-color. Aко работя с background-color и background-image (вместо само background) подредбата няма значение!!
За вмъкване на background-image – някъде или като булет на списък
nav ul li{
background-image:url("bullet2.png") ;
background-repeat: no-repeat;
background-size: 16px ;
background-position: 13px ;
}
Сподели с приятели: |