/* 选择元素 */ /* 选择标签元素 */ p { font-size: 16px; } /* 选择类名为green的元素 */ .green { color: green; } /* 选择id为box的元素 */ #box { width: 100px; } /* 选择属性值为img的元素 */ img[src="img.png"] { border: 1px solid #ccc; } /* 选择父元素下的子元素 */ nav ul li { display: inline-block; } /* 选择内容为"hello"的元素 */ p:contains("hello") { background-color: yellow; } /* 选择第二个p标签 */ p:nth-of-type(2) { font-size: 20px; }
以上是CSS中常用的几种选择元素的方法。学会灵活运用它们,可以使大家更快、更准确地控制页面元素的呈现。