CSS Add Content Between Links

2014/9/61 min read
bookmark this
Responsive image

sample code for apply style only for tablet, mobile, inserting cotent between links by css.

a example code of adding content seperater '|' between links and use media query apply style for width less than 1024px;

@media (max-width: 1024px){
    .my-footer ul li{

    .my-footer ul li a{

    .my-footer ul > li > a::after{
        content: " | ";

    .my-footer ul > li:last-child a::after{
        content: "";

How it looks like