- This topic is empty.
-
AuthorPosts
-
April 7, 2014 at 12:35 am #167771pallavi1811Participant
Hi
I am using first time SCSS framework.Below is my html code:
<ul id="helpful"><li><img src="../images/star.png" /><a href="submitRating('1');">Helpful</a></li><li><a href="submitRating('0')">Not Helpful</a></li></ul>
My SCSS is:
#helpful { width: 383px; margin-left: 220px; li { display: table-cell; vertical-align: middle; } }
Now, the issue is css for #helpful is getting applied.
but for #helpful li its not getting applied.
What i am doing wrong here?
April 7, 2014 at 1:37 am #167773Paulie_DMemberCould you make a Codepe.io example but that SCSS is valid.
It may be that something else is going on, perhaps with the links or images.
April 8, 2014 at 2:37 am #167807pallavi1811ParticipantI am creating this <ul id=”helpful”> section from a JS. Does it make any difference then?
Because its still not working for me. Its a very big code, how should i put here?
April 8, 2014 at 3:08 am #167810Paulie_DMemberIf the Js is firing after the page is loaded then the CSS probably won’t apply unless you are also causing the screen to repaint.
April 8, 2014 at 3:14 am #167813pallavi1811ParticipantSo what should i do in this case?
i am including like this in <head>
<script type=”text/javascript” src=”../js/ver_A.js”> </script>
<link rel=”stylesheet” href=”verA.scss” type=”text/css” media=”all” />April 8, 2014 at 3:26 am #167815Paulie_DMemberI’m not sure you can link an SCSS file like that.
You should, AFAIK, be linking a CSS file.
April 8, 2014 at 4:07 am #167817pallavi1811ParticipantOk.. then do i need to use a css file?
and inside that css file , i need to import my scss?
is it like this?
April 8, 2014 at 4:09 am #167818Paulie_DMemberYou SASS/SCSS installation will/should output the CSS file and then you would link that just like any other.
<link rel=”stylesheet” href=”verA.css” type=”text/css” media=”all” />
April 8, 2014 at 4:26 am #167819pallavi1811Participantok..
now what i did i saved verA.scss and wrote that helpful code in that.
and in my HTML file i included verA.css.
But it is not picking it now my css.
April 8, 2014 at 4:33 am #167820Paulie_DMemberDid your SCSS file output the CSS file?
Have you used the right path to your CSS file?
Unless we can see this actually in a live environment I think we’re going in circles.
Do you have a link?
April 8, 2014 at 4:35 am #167821pallavi1811ParticipantNo i dont have a link. i am doing it on my local machine :(
How can i know that it is giving output css file or not?
April 8, 2014 at 4:52 am #167822Paulie_DMemberIt would be in your project set-up.
What are program are you using to process the SCSS for you?
April 8, 2014 at 7:34 am #167831Paulie_DMemberor Prepros
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.