[Dikucher]

Самостоятельно изучаю CSS, помогите понять значение записи

ul li:last-child a::after{
content:"";
position:absolute;
}

и если возможно объясните синтаксис " :: "

[Boss199999]

:: - это наследование идет, дочерним классом свойств родительского.

[shemery]

after - псевдоэлемент. В CSS3 используется запись :: с целью установить различие между псевдоклассами и псевдоэлементами.
То есть можно написать и : и :: . Результат будет одинаков.

«::» — это обозначение вводится, чтобы указать разницу между псевдоклассами и псевдоэлементами. Для сохранения совместимости с текущими таблицами стилей пользовательские агенты должны также понимать и предыдущее обозначение «:» для псевдоэлементов в CSS 1 и 2 уровней (а именно, :first-line, :first-letter, :before and :after).

[Dikucher]

по "::" вроде как понял
и все же? что значит сама запись ?

ul li:last-child a::after {
content:"";
position:absolute;
}

сам html код простой для примера
<ul>
<li><a href="#">0</a></li>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Consectetur adipisicing</a></li>
<li><a href="#">Sit amet</a></li>

</ul>

правильно ли я понимаю, что стиль задается для content который располагается после содержимого <a>, для <a> который является последним элементом в <li> , где <li> находиться в <ul> ?

Если так, то зачем указывать св-во last-child, если <a> является и первым и последним и единственным элементом в <li> ?

Вот примерно такая каша у меня в голове.

[brainix]

Тык

[Dikucher]

brainix,
Я уже был там и не раз.
Я уже описал то, как я понимаю эту запись, и прошу сказать, правильно ли я её трактую.

[shemery]

Не совсем так. Если в content вставить любой текст,
например - content:" any text"; , то в браузере мы увидим,
что этот текст появится только после последней ссылки -

0
Lorem
Ipsum
Consectetur adipisicing
Sit ametany text

li:last-child - это относится не к последнему элементу внутри li.
Это относится к любому элементу li, который является последним
дочерним элементом другого элемента.
Есть отличная книга "CSS Каскадные таблицы стилей".
Автор Мейер.
Там неплохо расписано.

[Dikucher]

ul li:last-child a::after {
content:"Text";
position:absolute;
}

сам html код простой для примера
<ul>
<li><a href="#">0</a></li>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Consectetur adipisicing</a></li>
<li><a href="#">Sit amet</a></li>

</ul>

Итак , данный код показывает, что после ссылки <a> которая находится в последнем элементе <li>, где <li> находится в <ul> , будет вставлен Text.

Но как я вижу, здесь не обязательно указывать <ul> и эту же запись можно написать следующим образом
li:nth-child(5) a:after {
content:"Text";
position:absolute;
}

При этом не хочу сказать, что вторая запись лучше или хуже первой, она лишь воплощает то же CSS свойство для данного html

[shemery]

Ну естественно, в CSS задачи можно решать многими разными способами.
Данный пример скорее учебный, он демонстрирует правила записи.
В данном случае ul можно не ставить.
А если бы было два списка - ul и ol с li и со ссылками,
то правило применилось бы к тому li, который внутри ul.