html - How can I disable inherited css styles? -

-

I am creating a container with rounded corners using the following method: 

  Div Goal {background: # CFFEB6 url ('tr.gif') No-repeat top right; } Div.rounded div {background: url ('br.gif') No-true to repeat; } Div.rounded div div {background: url ('bl.gif') Anyone left under repeat; } Div.rounded div div div {padding: 10px; }

Now I want to use a div in my container: 

  .button {border: 1px solid # 999; Background: #eeeeee url (''); Text-align: center; }. Button: Hover {background-color: # C4A2F2; } & Lt; Div square = 'round' & gt; & Lt; Div & gt; & Lt; Div & gt; & Lt; Div & gt; & Lt; Div class = 'button' & gt; & Lt; A href = '#' & gt; Test & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;

However, in my nested div has inserted a div, the button has blue image in the corner.

How do I remove an inherited background image?

simple answer change 

  div.rounded div div div {padding : 10px; }

to 

  div.rounded div div div {background-image: none; Padding: 10px; }

The reason for this is that when you create rules for div.rounded div div , then each div < Inside a class of circular , nesting victim inside a code within element / code> element div is.

If you want to target only a direct descendant, then you see the syntax div.rounded div> You can use. Div (although it is only supported by recent browsers).

By coincidence, you can usually simplify this method to use only two div s up and down or left and right). Using a technique.


Comments

Post a Comment

Popular posts from this blog

c++ - Linux and clipboard -

-
After selecting the copies of the buffer in Linux, after the text, we can click and paste the button between the mouse. I think there is a special buffer for this, I want to use it. Programming Language: C ++ Your Library: Qt Thanks. There is just one more correct answer than Paul Dixon, which answers your needs: / P > QClipboard * clipboard = QApplication :: clipboard (); CastString Selected Text = Clipboard-> Text (QClipboard :: Selection);
Read more

What is expire header and how to achive them in ASP.NET and PHP? -

-
I have examined the performance statistics of my website today. I have received a warning (or error may occur) that is given below Add Terminal Headers Here are 15 static components without a 15-futures end date * (no end) Http://www.example.com/video/css/global.css * (no time limit) http://www.example.com/video/js/global.js * (no expiration ) Http: //www.example.com/video/images/main-bg.png what it means and how to achieve it both in PHP and ASP.Net. I am on a shared hosting server, so please tell me some ways to use the code, because I can not make any modifications at the end of the server. If I expire the header, then there is no chance that if I make changes to the CSS, then the user will not be able to remove them immediately because CSS and other files have a fixed time limit (1 month, week ) Are cached for. Is Is there any harm to using PHP? $ time = time () + 3 * 24 * 60 * 60; // 3 day headings ('End:'. GMDAT ('D, D MYH: i: s \ g \ m \ t',
Read more

sql server - How can I determine which of my SQL 2005 statistics are unused? -

-
After a few years, one of my biggest databases has deposited 73 figures out of its largest tables. With Indexes, I can run many types of reports and queries, how often / heavily specific indexes are used. What is an equivalent for data? We are running SQL 2005. To make statistics automatically managed and honest, I would like to "update statistics", "create statistics" and There is no information about any management except "drop statistics" orders. In theory, UPDATE should handle the addition and removal of statistical data. In addition, I've never heard about the amount of storage or storage taking in large amounts, so I'm not sure whether there is any reason for the alarm or not. If you are seeing a potential problem, then I would suggest running an update before, if it does not clean it, it is leaving and then it appears to be safe operation (because it is the only query optimizer Is for). I will not leave "left" in the
Read more