Confused about the meaning of this CSS

I see this code and am confused:

htmlLink.MergeAttribute("class", "button inline btnNotification iframe complete");

it's this:
"button inline btnNotification iframe complete"

that confuses me.

In the CSS file, I see this:
.button.complete .ui-icon,

Please explain what these do?

Thanks.
newbiewebSr. Software EngineerAsked:
Who is Participating?
 
hankknightConnect With a Mentor Commented:
You may assign multiple items to a single class attribute.

So class directives foe each of the classes will be applied.

If the following CSS were used, the button would be red, 500px wide, with a blue border, and so forth.


.button {
background: red;
}

.inline {
display: inline;
}

.btnNotification {
border: 5px solid blue;
}

.iframe {
width: 500px;

}

.complete {
font-size: 55px;
}

Open in new window

0
 
strickddConnect With a Mentor Commented:
That code basically adds the following to your HTML object:

class="button inline btnNotification iframe complete"

So, if htmlLink is an <a/> tag, it would appear like this:

<a id="htmlLink" class="button inline btnNotification iframe complete"...>
0
 
newbiewebSr. Software EngineerAuthor Commented:
Yes, I see that. I was wondering what it would do to alter the behavior:

class="button inline btnNotification iframe complete"


Sorry for the confusion.
0
 
newbiewebSr. Software EngineerAuthor Commented:
Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.