How to remove pseudo-element styles from the first element?


Tags: html,css

Problem :

Can some one help me to figure out how to remove the first line from left, as shown in the next img

enter image description here

And this is my CSS code:

.col-sm-6:after {
    content: "";
    width: 1px;
    background: none repeat scroll 0% 0% #DDD;
    height: 100%;
    position: absolute;
    top:0;
    left: 0px;
    right: 0px;
    overflow: hidden;
}


Solution :

here you go:

.col-sm-6:first-child:after {
    height: 0;
}

jsBin demo


    CSS Howto..

    How does Facebook generate the animated placeholder news items?

    How to load different CSS based on the category of the post on WP

    How do I center my search form within a div?

    How to get MathJax's HTML output just like Stackedit.io?

    selectCheckboxMenu: items are shown with bold font

    How do people have long segmented web pages? [closed]

    How to modify CSS to achieve three lines?

    HTML/CSS — How to add a selected state

    How can write a CSS style for a parent class?

    How to make bootstrap 3 dropdown menu working for no JS user

    How do I simplify this header with lines on the side, so that it doesn't need css3 background properties?

    How to create smaller CSS files for easier handling while developing [closed]

    How to center an item inside of a DIV

    How to use text-overflow properly to format text?

    How to save game information PHP/HTML/CSS/JS [closed]

    How to define a rectangular box for arbitrary contents in CSS/HTML?

    How To Have Margin For Background Image?

    How Can I Hide *Only* the Button (Not Entire Element) for the Input Type File in a Django Form? [duplicate]

    How can I figure out how much a div shifts when a translate:scale is applied?

    How to make a button CSS change only IF form fields are valid

    how to make the osx-like border on css?

    How to use SVG fragment identifier for CSS background image on iOS?

    How to CSS triangle at the bottom and center it in div ( Horizontal Menubar )? [closed]

    How do I apply CSS style to ASCII character

    In emacs how do I add a second type of commenting to a css derived mode?

    How do i prevent my CSS affecting external plugins?

    CSS: how to make children fit parent's width

    How to add a box shadow to a table tr element upon hover? [duplicate]

    How to define link text color in UIWebView

    how to overwrite css style