Add CSS to a single column in Sharepoint 2013

Question

Is there any way of targeting a single column in a document library?

I am wanting to apply CSS to just the Name (linked to document with edit menu) column (through a Script Editor or via the Masterpage, I don't mind as it will be needed for all libraries that are created within this site.

Answer 1

Based on your previous posts (this post and this post), you display the menu ellipsis (...) for the last column in the view and want to hide the menu ellipsis for the Name (linked to document with edit menu) column.

In this scenario, the menu ellipsis for the Name (linked to document with edit menu) column is the first one. You can use the JavaScript to hide the first menu ellipsis (...) in the view.

Demo:

Use the scripts below on the page:

<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("ready");
function ready(){
    var links = document.getElementsByClassName("ms-list-itemLink");
    for (var i=0; i<links.length; i++){
        // there are two link cells
        // get first link for each row
        if (i%2 == 0){
            links[i].style.visibility = "hidden";
        }
    }
}
</script>

Result:

Answer 2

Yes, You can do it via JS Link for List View. This tutorial learn SharePoint Templates for Views and for Forms(new/display/edit) very deeply and comprehensive. I strictly advise you to consider full reading of them.