如何从 CSS 访问样式

Question

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

例如，

.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 通过 jQuery 设置你自己的值，

.css()

所以如果你想设置一个新的 css 值，它看起来像这样。 （或覆盖它）

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

Answer 2

据我所知，您只能检查应用了该属性的元素上的计算 CSS 属性。喜欢：

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

或

$(someElementOrId).width();

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

Answer 3

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

CssResource

Css 资源文件

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

Java 代码

interface MyResources extends CssResource {
  int small();
}