(CSS) Set Id for Class How to Use


Tags: css,kendo-grid

Problem :

I am using Kendo Grid and i want to set white color to th's font.

When i set this css code to Layout it effects all grids. But all i want is to set white color to grids which has id like #grid id no all of them.

.k-grid-header th.k-header>.k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -0.5em -0.6em -0.4em -0.6em;
    padding: .5em .6em .4em .6em;
    overflow: hidden;
    text-overflow: ellipsis;
    **color: white;**
}

How can i set class for spesific id?



Solution :

In HTML you have st. like <div id="yourid" class="k-grid-header"> and in CSS:

#yourid.k-grid-header th.k-header > .k-link {...}

Or, if ID is on parent of .k-grid-header:

<div id="yourid">
    <div class="k-grid-header">
        ...

<style>
     #yourid .k-grid-header th.k-header > .k-link {...}
</style>

    CSS Howto..

    How to add a repeating png image in the background of a webpage using CSS?

    How to remove the margin at the top of my page

    How to add new CSS rule to inner id

    How do you get the width of an element without a defined width?

    how to use tinymce content.css in rails

    how to fix the difference in line thickness for a collapsable element

    save CSS - while browsing, how can I save the css files from inside chrome dev or firebug to local directory [duplicate]

    How to hide elements in mobile devices? CSS

    How to make div move to bottom of page

    How to apply CSS to list in HTML

    How to create animated border on hover

    How do the Sass variables get assigned to CSS selectors with Foundation 4?

    how to make input and select look nice beside eachother with custom height?

    How can I target an id=“last_name[]_field” with css

    How to simplify cross-browsing css animation keyframe?

    How do I add or change the class attribute of a JSF dataTable (primefaces)?

    How to specify height using fancybox 2.1.4

    How can I make this container and table responsive for mobile and ipad size?

    How do I get my HTML page to display in the browser without horizontal and vertical scroll bars?

    How to load up CSS files using Javascript?

    How to make a pure CSS div with a gradient background?

    How to make my HTML suitable for Mobile View

    How to position iframe (calendar) inside php echo statement?

    Show Loading gif on hover

    How to use an image more than one place in CSS

    How to use jQuery to horizontally center an object in the viewport?

    How to addClass() at RANDOM to an element in jQuery?

    How to display thumbnail in dropdown CSS list along with other styling of text

    How to make css jQuery thumbnail slides loop

    How to use another brackets/tabs policy for my CSS?