Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Question about this CSS

Posted on 2011-09-18
3
191 Views
Last Modified: 2012-05-12
     Does the int.wrappedElement class just impact an image? Does it extend wrappedElement ?

    .wrappedElement {
        border: 1px solid red;
        background-color: pink;
      }

      img.wrappedElement {
        border-width: 2px;
      }
0
Comment
Question by:newbieweb
3 Comments
 
LVL 40

Assisted Solution

by:gurvinder372
gurvinder372 earned 250 total points
ID: 36558152
it only impacts the images with wrappedElement class
0
 
LVL 8

Accepted Solution

by:
Jen0910 earned 250 total points
ID: 36561173
To get the 2px boder to apply to all images within a container with ".wrappedElement" class without having to manually add the 2px boder class to every image in HMTL, you would need the 2nd rule to be .wrappedElement img {border-width: 2px;}

img.wrappedElement {border-width: 2px;} would only apply to an image with the class manually added to it in HTML.
0
 

Author Closing Comment

by:newbieweb
ID: 36564198
Thanks!
0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question