Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 days ago.
Improve this question
Has anyone got any ideas how to make textarea posts, which are created from a javascript function, be given different color backgrounds within the CSS? I have tried the nth-of-type (odd) and nth-child (even) etc..., but from what I can see, this only works with tables.
Any help would be greatly appreciated.
.post textarea:nth-of-type(odd) {
background-color: green
}
.posttextarea:nth-of-type(even) {
background-color: red
}
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I am unable to align this icon with others by CSS,
Can anyone one help me with aligning this? The page link is https://merchla.my/my-account/
TIA.
On this class here <ul class="jssocials-shares" id="wpuf_social_link"> add display: flex;
ul.jssocials-shares li.jssocials-share-google a img {
width: auto;
height: 1em;
Remove all the css code from below code
ul.jssocials-shares li.jssocials-share-google a { }
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I have this:
a::before {
content: "NEW! ";
color: red;
}
a:visited::before {
content: none;
}
News
I expect visited links to override and remove the "NEW!" pseudo element text, but it won't. From the inspector, it seems as though the property is getting overridden, but the text is still visible.
Edit: this question has been answered. There are strict limitations to styling links with the :visited class
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 4 years ago.
Improve this question
In this case body element is getting the color linen but h1 element is not getting lightblue.
Can anyone please explain me this as I am new to CSS
Your semicolons are not ending the CSS statements. You need to make sure to run code through a linter for syntax errors before posting. Here's what it should look like:
body {
background-color: linen;
}
h1 {
background-color: lightblue;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Link: jsfiddle.net/d8p00ca5/2/
I want to give icons a certain color(lets say red) and text another color(black).
But when I hover the link, icon and text should have the same color(yellow).
How can I do that?
a:hover > .fa {
color:yellow;
}
Note, this selector is very general and may not be appropriate in all situations.
Alternatively,
a.circle:hover > .fa {
color:yellow;
}
Is a little more specific.
Jsfiddlde Demo
You just need to add .circle:hover .fa {color:yellow;}
http://jsfiddle.net/d8p00ca5/4/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
I want create css which should be mark row in different colors according to the condition of it
ex:
if row.Stage='new' (fill in green)
if row.Stage='complete' (fill in blue)
(row.stage is get the data from db)
please any one can help me to make this matter correct
Create the classes you'll want, for example:
.new { background-color: green; }
.complete { background-color: blue; }
In the server side code, as you create the html for the rows, check the stage value - and add the appropriate CSS class to the row.
So a row with Stage as New will be as
<tr class="new"> ... </tr>