Κοινή χρήση τεχνολογίας

CSS inheritance and cascading, υπολογισμός βάρους, σημαντικό

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

κληρονομιά css

Τα θυγατρικά στοιχεία μπορούν να κληρονομήσουν άμεσα τα χαρακτηριστικά στυλ του γονικού στοιχείου που θα επηρεάσουν τα θυγατρικά στοιχεία, επομένως ορισμένα στοιχεία δεν έχουν οριστεί στυλ και τα στυλ έχουν επίσης αλλάξει.

CSS cascading

Διαφορετικοί επιλογείς επιλέγουν το ίδιο στοιχείο και διαφορετικά χαρακτηριστικά μεταξύ επιλογέων μπορούν να υπερτεθούν και τα ίδια χαρακτηριστικά θα αντικατασταθούν ανάλογα με το βάρος.

Υπολογισμός βαρών

Βάρος: tag=1, κατηγορία=10, id=100, row(js)=1000
Πρώτα ελέγξτε εάν το στοιχείο είναι επιλεγμένο, το βάρος είναι 0. Εάν είναι επιλεγμένο, το βάρος θα υπερισχύσει εάν τα βάρη είναι τα ίδια γραπτός.

σπουδαίος

<style>
		/*important只作用于当前的属性,强调非常重要,不会被后续的样式覆盖,但不影响当前的权重*/
		div p{
			color: pink;
			font-size: 15px !important;
		}
		.header p{
			color: red;
			font-size: 25px;
			
		}
	</style>
</head>
<body>
	<div class="header">
		<p>段落</p>
	</div>
</body>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

Στον παραπάνω κώδικα, παρόλο που το βάρος του .header p είναι μεγαλύτερο από αυτό του div p, το χαρακτηριστικό μεγέθους γραμματοσειράς του div p χρησιμοποιεί το !important, επομένως ο ορισμός του μεγέθους γραμματοσειράς αυτού με το μεγαλύτερο βάρος δεν θα εφαρμοστεί.