第2章选择器 =>特定属性选择类型 P49

conkeyn

于 2009-04-27 00:19:58 发布

阅读量111

点赞数

分类专栏： CSS 文章标签： XHTML CSS HTML

本文链接：https://blog.csdn.net/conkeyn/article/details/83391076

版权

CSS 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!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>Untitled Document</title>
<style type="text/css">
*[lang|="en"]{
	color:red;
}

[class|="one"]{
	font-weight:bold;	
}

</style>
</head>

<body>
<h1 lang="en"
>Hello!</h1>
<p lang="en-us"
>Greeting!</p>
<div lang="en-au"
>G'day!</div>
<p lang="fr">Bonjour!</p>
<h4 lang="cy-en">Jrooana!</h4>
<span class="one-barren cloudy"
>Tom</span></p>
</body>
</html>

这个规则会选择lang属性值等于en或者以en-开头的所有元素。

一般地，[attribute|="val"]可以用于任何属性及其值，假充一个HTML文档中一系列图片，其中每个图片的文件名都形如figure-1.gif和figure-3.gif。

img[src|="figure"]{border:1px solid gray;}