How to deal with different stylesheets (WYSIWYG Editor and Webpage one) in the same page?


Tags: html,css,wysiwyg

Problem :

Due to validation markup and some other reasons I disable the list-style-type css property in order to build the website navigation.

I'm using MCEeditor for generating text content and I had to create a list with list-style-type: disc css property inside it. The list appears correctly inside the text editor, but appears as my css said to appear (no list-style-type) in my website. I can't set list-style-type: disc either for obvious reasons (my menu navigation would mess up).

How can I let the bullets show up in my text content but at the same time hide my navigation list-style-type?



Solution :

CSS rules can be specific, for example:

.page-wrapper .inner

will apply rules to a specific subset of this css rule:

.page-wrapper

So you should specify the div which your WYSIWIG editor is in.


    CSS Howto..

    How do I horizontally extend the clickable area of an inline span?

    How to tune CSS with Isotope to display top border?

    How to remove extra space in navigation bar? [duplicate]

    How to change css style by using Unicode Hexadecimal

    How to make css overlay hidden while having position as absolute

    how do i css position this divs according to my layout picture?

    How does one change the colour of a div based on current time?

    Show css3 animate for 2 times

    how to flip and rotate an image using css in chrome

    How to set size of SVG image in :before pseudo-class?

    How to automatically resize the wrapper div using CSS

    How to create an href that opens a div on screen? [closed]

    Issue with changing how containers look based on values in an MD array

    How to keep an element fixed top within another element?

    How to create zebra-stripe CSS with TAL?

    How can I display these images with CSS instead of HTML?

    how to use dynamic css in jsp file base on param value

    Is there any tutorial to teach me how to design the sidebar like this website? [closed]

    How to display 'fit' image in CSS or HTML?

    How to use externel CSS and (static) images in Go, Google App Engine

    How to get a smooth sine wave alternation with Javascript/JQuery CSS

    How can I center these varied number of elements within a div?

    How to check a css propert is supported?

    How to use pure css selector to select hidden element

    How to change active link color in navigation bar

    How to make div height fit the content using css

    How to limit click area to text?

    how to change css property of 2nd & 6rd DIV using jquery

    How to set CSS class to Button control using Session value in design page

    How can I change the entire background color of a page?