Nth-child The : nth-child

A string: content: "a string"; – special characters need to be specially encoded as a unicode entity. See the glyphs page. An image

Изтегляне 0.99 Mb.

страница	3/3
Дата	13.04.2022
Размер	0.99 Mb.
	#114089

1 2 3

css

Nothing

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 ;

}

Изтегляне 0.99 Mb.

Сподели с приятели:

1 2 3