属性选择器

<doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>study</title>
    <link rel="stylesheet" href="study.css" type="text/css">
    <style>
        a[class*=x]{font-family: 华文行楷;font-size: 50px;}
    </style>
</head>
<!-- /* a[class*=""]{} 属性选择器 */ -->
<!-- = 绝对等于
*= 包含于
^= 选中以什么开头
$= 选中以什么结尾 -->
<body>
    <a href="" class="links x" id="z">浮生如梦</a>
    <a href="" class="links y">为欢几何</a>
    <a href="" class="links s">入梦来</a>
    <a href="" class="links a">很奇怪的一个地方</a>
    <a href="" class="links b">轻狂</a>
</body>
</html>
posted @ 2023-03-11 16:59  小小的羊  阅读(10)  评论(0)    收藏  举报