Wordpress: Why did my child theme not carry some CSS? - css

Question

I'm using a child theme to modify the Twenty Thirteen theme. However, when I activated it some of the CSS seems to have reverted back to the year 2000. Screenshot for reference. Why did this happen? My style sheet for the child theme is pretty blank...Note - I removed the other parts of the comment that I've read are unnecessary, such as description and whatnot.
/*Theme Name: Twenty Thirteen Child
Template: twentythirteen
**/
<style>
#fd_question_submit_button {
position:absolute;
}
</style>
Inspect element on Chrome
element.style {
}
localhost/media="all"
#fd_question_submit_button {
position: absolute;
}
localhost/media="all"
#anspress *, #anspress *:before, #anspress *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
user agent stylesheetinput:not([type="image" i]), textarea {
box-sizing: border-box;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
padding: 1px 6px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i] {
-webkit-appearance: push-button;
-webkit-user-select: none;
white-space: pre;
}
user agent stylesheetinput {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button {
margin: 0em;
font: 13.3333px Arial;
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}
user agent stylesheetinput, textarea, keygen, select, button, meter, progress {
-webkit-writing-mode: horizontal-tb;
}
Inherited from div.ap-a-cells.clearfix
localhost/media="all"
#anspress .ap-a-cells {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-left: 70px;
padding: 10px;
font-size: 14px;
}
Inherited from div#anspress
localhost/media="all"
#anspress {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
font-size: 14px;
line-height: 1.4;
word-wrap: break-word;
background: #fff;
}
Pseudo ::before element
localhost/media="all"
#anspress *, #anspress *:before, #anspress *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Pseudo ::after element
localhost/media="all"
#anspress *, #anspress *:before, #anspress *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

Answer 1

If that is your CSS stylesheet, you don't need to have the style tags in it, it's not an HTML file. That could be causing a lot of problems with other CSS files, depending on the order they load.