有没有办法选择可能包含文本的元素?
像这样的:

*:text {
   font-size: 12px;
}

我想在我的reset.css中使用它,但是我找不到方法,所以现在我使用以下代码:
* {
   font-size: 12px;
}

此解决方案适用于所有基于文本的元素(例如strong、p、a等),但也将此样式应用于非文本元素,如img、object和其他元素。
所以我想知道是否有其他的解决方案来为所有基于文本的元素设置css属性,而不是其他的。

最佳答案

不能基于元素是否包含文本的事实使用css选择器将其作为目标。另一方面,您可以寻找为文本设置全局字体大小或样式的最佳方法。
用你已经拥有的,

* {
   font-size: 12px;
}

这是将该样式分配给dom中的所有内容。你可能不这么认为,但它是应用到你的头,身体,HTML,和任何标签在你的网页上。有几个选择你可以去做这件事,我会列出从最好到最坏的。
html, body { /* this allows the children to inherit this style */
   font-size: 12px;
}

body * { /* assigns this style to every tag inside of your body tag */
    font-size: 12px;
}

p, span, a, etc { /* you decided what tags would most likely contain text to apply that style */
    font-size: 12px;
}

* { /* the worst option, applying that style to every tag */
    font-size: 12px;
}

09-17 03:19