How to hide a class on specific page using css


Tags: html,css

Problem :

I would like to hide the bullet point class="det_price" on the page "sale" only. Can someone tell me how to do it using css.

Here is an example of the code:

<body id="sale">
...
<li class="det_price">
</li>
...


Solution :

Add this CSS rule:

#sale .det_price {
    display: none;
}

    CSS Howto..

    How do device screen resolutions scale in CSS?

    CSS: how to remove the top-gap for sub-menus?

    Bootstrap: How to apply certain CSS rules, when on different devices [duplicate]

    How to make scrollbars appear when DIV doesn't have enough room but keep DIV centered?

    How to apply CSS style when ID is taken?

    how to add class to razor form and give padding?

    CSS attribute selectors: how to escape newlines within attribute value?

    How to make rails load multiple css files

    How are CSS frameworks used?

    How to apply a defined class to a new class in my css?

    CSS classes: base+additional. How to define?

    CSS: How to make left float div to adjust height dynamically? [duplicate]

    how to customize css ellipse for a text string [duplicate]

    Css tool, to calculate how many (in bytes) inline css in html

    How to make CSS menu bar activated only after my mouse cursor is at the menu.

    How to download CSS file through JQuery

    How to implement a drag and swap effect in CSS and JS [closed]

    How to avoid text go below the icon with css?

    JavaFX - Where is the css file for definition of StageStyle located or how can I change it?

    How to stop text in div pushing other divs down the page?

    How to remove space between list items in navigation (HTML / CSS)

    does anyone know how to do this css transition? [closed]

    jQuery slideshow with separate div containing image specific text

    JSF - How can I format my global messages in in a visually appealing way?

    jquery .show() from only the selected div

    How Do I Remove a CSS Value

    how to animate .jpg image with CSS?

    How to align a HTML definition list (
    ) horizontally without limiting term or definition in height?

    Show a gif image over a section to take up the space

    CSS: How to center element that is bigger then the container?