CSS statement is colored red and and has strikethrough

Bootstrap Studio Help
1

Is there documentation about why css in my styles.css seems to be rejected by the GUI. The CSS seems to used properly when you render the page. The window for editing CSS seems a bit buggy on Windows Server 2012. Thank you.

2

Can you put up an image of the editor showing the CSS evening rejected.

Normally that would happen if what you are using is invalid.

3

Glad to see I'm not the only one having this issue. Seems the CSS in the styles.css file is being overwritten by the default bootstrap code. Is there a way to resolve?

4

Is there a way to paste an image here?

5

Here is the html:

<

div class="row gamNoGutter">

Here is the css: .gamNoGutter > [class*='col-'] { margin:0; padding:1; }

6

is that SASS or LESS?

if so then that explains why its red as pre processed CSS is not supported yet but it will be in the near future once bootstrap 4 is live and stable.

7

also @rgraham2 - its actually the styles.css file that will overwrite the boostrap css as styles.css isa custom user defined css file

8

Not sure what part of the CSS is crossed out, but for me padding:1; is crossed out because "1" is not a correct value. It must have a unit measurement to go with the number such as "px". So it should read as

.gamNoGutter > [class*='col-'] {
margin:0;
padding:1px;
}

@Chris Hackwood, that's not SASS/LESS, it's similar to #12 at https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

12. X[href*="nettuts"]
a[href*="tuts"] {
  color: #1f6053; /* nettuts green */
}

"There we go; that's what we need. The star designates that the proceeding value must appear somewhere in the attribute's value. That way, this covers nettuts.com, net.tutsplus.com, and even tutsplus.com."

I've actually just used this recently on my project.

Saj

9

Cheers saj will have a read at those links

10

You can read some of these also about Attribute Selectors and other advanced selectors.

  • http://www.w3schools.com/css/css_attribute_selectors.asp
  • https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
  • https://css-tricks.com/almanac/selectors/a/attribute/
  • https://www.w3.org/community/webed/wiki/Advanced_CSS_selectors
  • https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

They can allow for some pretty powerful selecting. ;-)