如何从CSS访问样式

Question

如果使用CSS资源，我们可以从代码中的css定义中获取值吗？

e.g。

.iv_menu_thumbnail {  
  display: block;  
  width: 24px;  
  height: 24px;  
  margin: 3px;  
  float: left;  
  cursor: pointer;  
}`

我们可以通过代码知道width的值，并且我想从我的一个java类中访问吗？

提前致谢

Answer 1

var width = $('.iv_menu_thumbnail').width();
console.log(width);

如果这是您要求的，这将获得元素的宽度。 就我而言，你无法从css声明中获得非数值。

但您可以使用

通过jQuery设置自己的值

.css()

如果你想设置一个新的css值，它会是这样的。 （或覆盖它）

$(someelement).css('float', 'left');

Answer 2

据我所知，您只能检查已应用此元素的元素上的计算CSS属性。像：

$(someElementOrId).css('width');

或

$(someElementOrId).width();

请注意，前者和后者不同 - 前者不包含度量单位，后者则不包含。

Answer 3

您可以在Css资源文件中包含变量，并使用该变量设置width属性，然后从代码中访问宽度变量。

CssResource

Css资源文件

@def small 1px; 
@def black #000;
border: small solid black;

Java代码

interface MyResources extends CssResource {
  int small();
}