How to clear CSS inherited styles

WBOY
Release: 2024-01-14 23:12:25
forward
1111 people have browsed it

How to clear CSS inherited styles

css clear inherited style

Hello, I can only explain your question as follows

First, if you write a class style, such as li{color:red;}

All li will remain in red, and the inherited style cannot be cleared. The execution order of similar codes is from top to bottom by default and cannot be changed unless control methods such as if judgments are used. The answer is that it cannot be cleared.

The order of code execution cannot be changed, and the browser parsing method is also uncontrollable.

Second, how do we solve this kind of problem? For example, we can specify the area

Assume that there are two divs with upper and lower areas respectively id=a id=b

If you only want the li of the id=a part to be red, then the writing method is as follows

#a li{color:red} then the li in the id=b area will not be affected

We can only solve this kind of problem by specifying the use area as much as possible

I can help you after washing, thank you

How to cancel the inheritance of parent element attributes in CSS

Other attributes are OK, but the transparent attribute cannot be canceled after inheritance. There are three ways I have seen to achieve this effect. Among them, 1 and 3 are definitely effective, and 2 is not very reliable. You can figure it out yourself:

1. Simulate all the divs in aa. Put bb, cc, and dd out and not put them in aa. Set the transparent attribute on aa, and then use the css positioning attribute position to position bb, cc, and dd so that they look like they are in aa. Just inside aa.

2. This is a legendary method: bb, cc, and dd are still set in aa, and the relative positioning attribute is added to bb, cc, and dd: position: relative; I have never tried this method successfully, maybe It is invalid if it easily conflicts with other attributes.

3.aa does not set transparency. Make a translucent picture in PS and save it in png24 format, and then use it as the background of aa; but this creates a problem. FF, OP and higher versions of IE all support png picture transparency. It is not supported under IE6, so under IE6 you see the background of aa will be gray, but this problem is easy to solve, you can download it yourself: ie6 png is transparent.

The above is the detailed content of How to clear CSS inherited styles. For more information, please follow other related articles on the PHP Chinese website!

source:docexcel.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!