现在的位置: 首页 > 综合 > 正文

css选择符种类和简单应用

2018年05月20日 ⁄ 综合 ⁄ 共 747字 ⁄ 字号 评论关闭

这些选择符总体可以分为以下几类:

   (1) 为某个特定的元素名定义样式,这样,网页中所有的该元素都可以应用该样式。

    (2)为某个特定的class属性名定义样式,这样,网页中所有的class属性值为该属性名的元素都可以应用该样式

    (3)为某个特定的元素定义样式,该元素使用id属性来标示,样式也同样是使用id属性值来定义。

    (4)为某些特定用途定义的使用以上3类无法实现的选择符,包括伪类和伪元素选择符等

<!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>CSS选择符</title>
<style type="text/css">
  h1 { border-width: 1; border: solid; }
  h1.myclass { border-width: 1; border: solid; }
  h1#myid { border-width: 1; border: solid; }
  h1::first-letter { border-width: 1; border: solid; }
</style>
</head>

<body>
    <h1>将应用元素名定义</h1>
    <h1 class="myclass">将应用类定义和元素名定义</h1>
    <h1 id="myid">将应用id定义和元素名定义</h1>
</body>
</html>
【上篇】
【下篇】

抱歉!评论已关闭.