inline-styles

问题 I'm making an HTML email signature with inline CSS (i.e. CSS in style attributes), and I am curious as to whether it's possible to use the :before and :after pseudo-elements. If so, how would I implement something like this with inline CSS? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; } 回答1: You can't specify inline styles for pseudo-elements. This is because pseudo-elements, like pseudo-classes (see my answer to this other question), are defined in

问题 I am using Dialog components from material-ui ReactJs. <Dialog fullScreen open={this.state.open} PaperProps={{ classes: {root: classes.dialogPaper} }} onClose={this.handleClose.bind(this)} transition={this.props.transition}> {this.props.children} </Dialog> In the above code I already override the root classes of PaperProps. Now I also want to override the style in the PaperProps. Is that possible in the PaperProps to override the styles. Something like PaperProps={{ classes: {root: classes

问题 Is there a CSS selector to target elements with inline styles? So can I target the first span but not the 2nd with CSS only? If not, can this be done with jQuery? http://jsfiddle.net/TYCNE/ <p style="text-align: center;"> <span>target</span> </p> <p> <span>not target</span> </p> ​ 回答1: p[style="text-align: center;"] { color: red; } However this is ugly. 回答2: A bit late to the tea party but thought I would share the solution I found & use. @simone's answer is perfect if you can match the style

问题 I wanted to set the position of a div based on the return value of a function in an angular controller The following works fine in FireFox and in chrome but in Internet explorer {{position($index)}}% is interpreted as a literal string value and therefore has no effect <div ng-repeat="item in items" style="left:{{position($index)}}%"></div> Here is an example of the issue: var app = angular.module('app', []); app.controller('controller', function($scope) { $scope.items=[1,2,3,4,5,6,7,8,9,10];

问题 I need to check whether an element has a defined css property given to it, but I'm having some trouble using the jQuery.css() function. The property I'm looking for is width. If the element does not have a defined width and I try this: if(base.$element.css('width') !== 'undefined') I get the browser's computed width. 回答1: Here's a very simple (probably in much need of improvement) plugin I've thrown together that will get you the value of an inline style property (and return undefined if that

问题 A friend of mine said that using <div style=""></div> instead of compressed css file put as link href at the head section gives some performance boost. Is that true? 回答1: The performance boost that your friend mentioned is probably too trivial compared to the amount of performance boost (through other factors) using a CSS file. Using the style attribute, the browser only paints the rule for that particular element, which in this case is the <div> element. This reduces the amount of look up

问题 A friend of mine said that using <div style=""></div> instead of compressed css file put as link href at the head section gives some performance boost. Is that true? 回答1: The performance boost that your friend mentioned is probably too trivial compared to the amount of performance boost (through other factors) using a CSS file. Using the style attribute, the browser only paints the rule for that particular element, which in this case is the <div> element. This reduces the amount of look up

问题 When I see website starter code and examples, the CSS is always in a separate file, named something like "main.css", "default.css", or "Site.css". However, when I'm coding up a page, I'm often tempted to throw the CSS in-line with a DOM element, such as by setting "float: right" on an image. I get the feeling that this is "bad coding", since it's so rarely done in examples. I understand that if the style will be applied to multiple objects, it's wise to follow "Don't Repeat Yourself" (DRY)

问题 When I see website starter code and examples, the CSS is always in a separate file, named something like "main.css", "default.css", or "Site.css". However, when I'm coding up a page, I'm often tempted to throw the CSS in-line with a DOM element, such as by setting "float: right" on an image. I get the feeling that this is "bad coding", since it's so rarely done in examples. I understand that if the style will be applied to multiple objects, it's wise to follow "Don't Repeat Yourself" (DRY)

问题 For example, I have the following CSS: .myClass { background: -moz-linear-gradient(left, #FFF 0%, #000 100%), url("http://www.extremetech.com/wp-content/uploads/2011/06/firefox-logo-huge.jpg"); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #FFF 0%, #000 100%), url("http://www.extremetech.com/wp-content/uploads/2011/06/firefox-logo-huge.jpg"); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #FFF 0%, #000 100%), url("http://www.extremetech.com/wp-content/uploads