CSS3的[att=val]选择器

CSS3 [att=val] 选择器实例

最新推荐文章于 2025-11-05 20:48:02 发布

最新推荐文章于 2025-11-05 20:48:02 发布 · 105 阅读

文章标签：

#xhtml

本文介绍并演示了 CSS3 中 [att=val] 选择器的应用，通过具体实例展示了如何使用该选择器来针对具有特定属性值的 HTML 元素应用样式。

1、实例源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3的[att=val]选择器</title>
<style type="text/css">
   [id=div_border]{
	   background-color:#C00;
	   width:110px;
	   font-family:微软雅黑;
	   font-size:18px;
	   font-size-adjust:!important;
	   font-stretch:expanded;
	   font-style:oblique;
	   font-variant:inherit;
	   font-weight:bolder;
   }
</style>
</head>

<body>
   <div id="div_border">
   	   <ol>
         <li>星期一</li>
         <li>星期二</li>
         <li>星期三</li>
         <li>星期四</li>
         <li>星期五</li>
         <li>星期六</li>
         <li>星期日</li>
       </ol>
   </div>
</body>
</html>

2、实例结果