473,548 Members | 2,716 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

style to remove all styles

Hi,

Is there any way to apply a style that will effectively block the
application of any applied or inherited styles for that object and any
contained objects?

E.g.,

CSS:
P {backgro...}
DIV P{font-f...}
....
..removeStyles{ styles:clear}

HTML:
<div class="removeSt yles">
<p>No styles on this!</p>
</div>

Setting the style for .removeStyles to {} does not do it.

TIA

Chandy
Jul 23 '05 #1
9 46715
Chandy <ch****@totalis e.co.uk> wrote:
Hi,

Is there any way to apply a style that will effectively block the
application of any applied or inherited styles for that object and
any contained objects?


No. (I've thought about this feature too actually).

--
David Håsäther
Jul 23 '05 #2
ch****@totalise .co.uk (Chandy) wrote:
Is there any way to apply a style that will effectively block the
application of any applied or inherited styles for that object and
any contained objects?
No. And it wouldn't be HTML. It would be CSS, which is discussed in our
sister group c.w.i.a.stylesh eets.
.removeStyles{s tyles:clear}


You really need to read a tutorial on CSS first. You can't just invent
constructs as you go and expect browsers to read your mind.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 23 '05 #3
me
"Chandy" <ch****@totalis e.co.uk> wrote in message
news:5a******** *************** ***@posting.goo gle.com...
Hi,
Is there any way to apply a style that will effectively block the
application of any applied or inherited styles for that object...
Yes, by applying a new style of your choice that overriddes the existing
style.
...and any
contained objects?
If I understand your definition of contained objects then to the best of my
knowledge the answer is no.

Lets say you applied a style to all divs on your page. Then you apply an
override style to a particuliar div. If you then insert a new div within
that div it will inherit the style that was originally applied to all divs
and ignore the style of the div it is contained within. Clear as mud right?
Signed,
me
E.g.,

CSS:
P {backgro...}
DIV P{font-f...}
...
.removeStyles{s tyles:clear}

HTML:
<div class="removeSt yles">
<p>No styles on this!</p>
</div>

Setting the style for .removeStyles to {} does not do it.

TIA

Chandy

Jul 23 '05 #4
Chandy wrote:

Hi,

Is there any way to apply a style that will effectively block the
application of any applied or inherited styles for that object and any
contained objects?


[example snipped]

I have a toolbar button on my Mozilla browser (via the PrefBar
extension) that eliminates all CSS from the current Web page that
I'm viewing. This is very handy when I want to test one of my own
Web pages to see how it might look on a browser that does not have
CSS support. To restore CSS for the affected page, I merely reload
the page.

Behind that button is the following script:
javascript:
for(i=0;i<docum ent.styleSheets .length;i++)
{void(document. styleSheets.ite m(i).disabled=t rue);}
el=document.get ElementsByTagNa me('*');
for(i=0;i<el.le ngth;i++)
{void(el[i].style.cssText= '');}

--

David E. Ross
<URL:http://www.rossde.com/>

I use Mozilla as my Web browser because I want a browser that
complies with Web standards. See <URL:http://www.mozilla.org/>.
Jul 23 '05 #5
David Ross wrote:
Chandy wrote:
Hi,

Is there any way to apply a style that will effectively block the
application of any applied or inherited styles for that object and any
contained objects?

[example snipped]

I have a toolbar button on my Mozilla browser (via the PrefBar
extension) that eliminates all CSS from the current Web page that
I'm viewing. This is very handy when I want to test one of my own
Web pages to see how it might look on a browser that does not have
CSS support. To restore CSS for the affected page, I merely reload
the page.


Why an extension? Firefox has Tools --> Page Style --> No Style, though
I preferred versions < 1.x which had a stylesheet switcher in the lower
left-hand corner.

Mozilla not have the same thing? Seems strange.
Jul 23 '05 #6
Chandy wrote:
Is there any way to apply a style that will effectively block the
application of any applied or inherited styles for that object and any
contained objects?


Next time, please ask CSS related questions in a CSS related group.
However, these articles may help you to understand how to achieve the
desired effect.

http://tantek.com/log/2004/09.html#d06t2354
http://meyerweb.com/eric/thoughts/20...ndoing-htmlcss

--
Lachlan Hunt
http://lachy.id.au/
http://GetFirefox.com/ Rediscover the Web
http://GetThunderbird.com/ Reclaim your Inbox
Jul 23 '05 #7
"Peter1968" wrote in comp.infosystem s.www.authoring.html:
Firefox has Tools --> Page Style --> No Style, though
I preferred versions < 1.x which had a stylesheet switcher in the lower
left-hand corner.

Mozilla not have the same thing? Seems strange.


It's View -> Use Style, but "no style" isn't an option. I wonder
what would happen if I had a user stylesheet with no styles in my
Chrome directory, whether that one would then be an option in View
-> Use Style.

--

Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
Jul 23 '05 #8
Peter1968 wrote:
David Ross wrote:
Chandy wrote:
Hi, Is there any way to apply a style that will effectively block the
applicatio n of any applied or inherited styles for that object and any
contained objects?

[example snipped] I have a toolbar button on my Mozilla browser (via the PrefBar
extension) that eliminates all CSS from the current Web page that
I'm viewing. This is very handy when I want to test one of my own
Web pages to see how it might look on a browser that does not have
CSS support. To restore CSS for the affected page, I merely reload
the page.
Why an extension? Firefox has Tools --> Page Style --> No Style, though
I preferred versions < 1.x which had a stylesheet switcher in the lower
left-hand corner.


Why not the Web Developer extension? Lots of tools; if you've not
checked it out, you might find it interesting.

--
Blinky Linux Registered User 297263
Who has implemented Usenet Solution #45933:
Now killing all posts originating at Google Groups

Jul 23 '05 #9

Why an extension? Firefox has Tools --> Page Style --> No Style, though


Make that View --> Page Style --> No Style.
My mistake.
Jul 23 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

12
5196
by: Oberon | last post by:
I have a large HTML document. It has hundreds of <span>s which have no attributes so these <span>s are redundant. How can I remove these tags automatically? The document also has <span>s with style attributes that I don't want to remove.
19
10179
by: Steve Franks | last post by:
I am using VS.NET 2005 beta 2. When I run my project locally using the default ASP.NET Development Web Server it runs using a root address like this: http://localhost:11243/testsite/ However when I deploy to a remote test server running real IIS, the real root of my application becomes: http://localhost/ What I want to do is have it so...
3
1592
by: Jerry Camel | last post by:
Perhaps this is a real newbie question, but... A new web project in VS gives you a file called Styles.css. I wanted to define a style for labels of input fields. So I created a new class in Styles.css called .InputLabel and defined the attributes. I set the table cells to use that class, but the formatting doesn't kick in. How do you get...
6
24676
by: Tim Cartwright | last post by:
I am trying to figure out how to change the gridview caption style, but I can not figure out how. I added table caption { background-color: #5D7B9D; color: White; font-size: 16pt; } to my CSS, yet when the page renders, the grids style take precendence, as
6
4142
by: scorpion53061 | last post by:
I cannot figure out the equation of how this would work to automate MS Word table style. This is the vba converted but it says that style is not a member any ideas anyone? With oDoc.Content.Style'Selection.Tables(1) If .Style <> "Table Grid" Then .Style = "Table Grid" End If .ApplyStyleHeadingRows = True .ApplyStyleLastRow = True
4
2494
by: Michael | last post by:
Dear all .. If I want to use develop a user control and declare a public property which the type is System.Windows.Forms.GridTableStylesCollection For example : Public Class LookAndView Inherits System.Windows.Forms.UserControl Private _Collection As GridTableStylesCollection
3
1650
by: applegreenss | last post by:
Hi, can someone please show me how to set the following conditions for this DIV tag? <div style="position:absolute;left:0px; top:0px;" id="changeme">HELLO WORLD</div> I want to be able to change the position to 'relative' and the top position to negative '-100px' with javascript Thank you! :))
3
4048
by: Dave Hughes | last post by:
Hi, I've run across a problem styling form controls (quel surprise), or rather in this case, "unstyling" them. I'm trying to put together a theme for a web application which has a fairly primitive theme engine. Specifically, I can define *additional* CSS rules using the theme engine, but I can't remove the pre-existing ones that come with...
10
2753
by: Ed Jay | last post by:
I do not want to load two style sheets for screen and print media. I'm having difficulty grasping the use of the @print statement, or its syntax. Would someone please provide a simple explanation. For example... If I have a style sheet specifying media="all," is the following correct syntax to center text for printing, but not for screen...
0
7518
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7954
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7467
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
7805
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
6039
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
0
3478
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1932
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1054
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
755
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.