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?

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

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"...>
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.
newbiewebSr. Software EngineerAuthor Commented:
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.