如何从 CSS 访问样式答案

【问题标题】：how to access the styles from CSS如何从 CSS 访问样式
【发布时间】：2012-02-03 11:33:59
【问题描述】：

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

例如

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

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

提前致谢

【问题讨论】：

欢迎来到 Stack Overflow。恐怕我们无法为您提供帮助，因为您的问题缺乏细节。到目前为止，您尝试了什么，结果如何？另请阅读stackoverflow.com/questions/how-to-ask
查看问题标签，您似乎正在尝试从 Java/GWT 应用程序中读取 CSS 样式值，对吗？你能详细说明一下你的问题吗？
@Nico-exactly，我想从我的 GWT 应用程序中读取值

【解决方案1】：

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

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

但是您可以使用 jQuery 通过 jQuery 设置自己的值

.css()

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

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

【讨论】：

【解决方案2】：

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

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

或

$(someElementOrId).width();

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

【讨论】：

【解决方案3】：

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

Css 资源文件

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

Java 代码

interface MyResources extends CssResource {
  int small();
}

【讨论】：